AC Generator Introduction & Overview

This audio will describe in detail how to play the Audio Catalog Player. Discusses using it without screen reader keys and the benefits. Talks how to access it with screen reader navigation keys turned on. Discusses playing media faster/slower. How blind get Player Status on demand the same as visual people get when they look at the screen. Very Accessible to visually impair/blind and pleasant to the sighted.

Customizable for colors and icons/ logo. So start generating your own catalog today.

How to Download the Generator and perform initial setup

Walkthrough download the Audio Catalog Generator multiple ways. Using Git (my favorite), as a zip file. There is also GitHub Desktop as an option.

Then tell you to do initial setup "npm install" at the server folder. Then you are ready to run it "npm run start".

Folder Layout of repository/generator

I walkthrough the folder layout of the Repository/ Generator. I tell you what to not touch and what you can delete if desired. Also inform youu where the folder is that you will find your Audio Catalog. You simply copy client/Public folder to anywhere you want the static site for your Audio Catalog.

Adding Media and filling template files

Walkthrough: Run the template step to generate folder and catalog template descriptor files. Add media to the media folder created. Rerun the template step to create one media descriptor file for each media file (named the same with txt extenson). Then you fill out all template descriptor files.

These files will generate the Audio Catalog for you and appear on the catalog.

Generating HTML for your Audio Catalog

Walkthrough on generating the HTML for the Audio Catalog. You will be able to preview it before you commit this catalog. Safty would not want you to accidentally replace a good audio catalog.

Then I demonstrate copying the public folder into myvsCode Repository and rename the folder to docs off the root folder of the repository. You could just copy this folder anywhere and be done, but if you are suing GitHub and Git system, you want these extera instructions. ("Git add .", "Git status", "git commit -m"commit message"", "git push").

Easy editing and adding media

Walkthrough on how easy it is to add and modify existing html cards in your Audio Catalog Generator. What is the practical steps. I update it after generating using Git and GetHub hosting. You can simply copy the public folder to anywhere you desire.

Crating a Repository on GitHub

Walkthroug to creating a Repository that will house your own Audio Catalog. You will need to have a GitHub account and be logged in. The basic address ig GitHub.com/new. Only requirement is that it must be public, unless you have a professional account. Fill descript and include a readme if descired. Repository will display the readme file for the repository if present. Otherwise, description wil be sued. This has no impact on your Audio catalog for repos readme.

Enabling GitHub Pages

When you finally have the Audio Catalog Generated and placed in the local version of the repository. It is now to enable GitHub Pages. Now if you are uploading files to your repository via some other means, then all you need do is enable the GitHub Pages. You could skip the 1st 2 minutes where I push the audio catalog up to the repository on GitHub.