Multiple Audio/Text Buttons

to Tabbing 123 to Tabbing Info


By linking a multi-audio-links.js JavaScript/jQuery file to your web page, you can quickly add a 'click event' to any element on your web page that displays text (such as '<div>,' '<p>,' '<span>,' and '<figcaption>' elements).

When clicked, the element will play an audio file, just like you heard above, with or without accompanying '.vtt' file text.

And only one audio/text file will play at a time from a targeted group of elements have had a 'click event' added!

Here is a link to a basic version of this web page; and here is a txt file containing all of the file code needed to set up the basic version of this web page on your computer, including links to all audio files used on this web page, as well as text of each audio file’s spoken narration.

The multi-audio-links.js file included in that 'txt file' contains “comment sections” containing all of the information that you will need to understand how all the files work together!

Click the button below for links to the six “audio” files that are linked-to from the 'multi-audio-links.js' JavaScript/jQuery file. They are the same audio files that are utilized on this web page, and on the basic-version of this web page. There is also accompanying audio transcripts from each audio file, as well as the '.vtt' files that create the dynamic audio-transcript on the web page.

Open Audio Transcripts/Links