Audio

Embed an audio file

The Web Framework uses Able Player, an accessible cross-browser audio and video player.

Sites older than March 7, 2024, require a manual update to implement Able Player. See the Changelog for more information.

“Indiana, Our Indiana” Sylvia McNair

Audio transcript:

Indiana, our Indiana 
Indiana, we're all for you! 
We will fight for the cream and crimson 
For the glory of old IU 
Never daunted, we cannot falter 
In the battle, we're tried and true 
Indiana, our Indiana, 
Indiana we're all for you! I-U!

Steps to embed an audio file


Step 1

While editing a page, expand Section > Chunk. In the Type dropdown, choose Audio.

A screenshot of the Cascde CMS interface that shows a section that contains an audio chunk.

Step 2

Under Section > Chunk > Details, select the Position. The video player can be positioned on the page in four ways: left, right, full, and breakout.

A screenshot of the Cascde CMS interface that shows the audio chunk.

Step 3

Complete the input fields and upload the necessary files. See the Input Fields section on this page for descriptions of each field.

A screenshot of the Cascde CMS interface that shows the audio chunk.

Step 4

Submit to save changes.

A screenshot of the Cascde CMS interface that shows the audio chunk.

Step 5

Confirm that updates to the page are working as expected by publishing to your test/development site (Sitehost-test).


Step 6

Once confirmed, publish the page to your live/production site (Sitehost).

Input Fields

Position

The video player can be positioned on the page in four ways: left, right, full, and breakout. The full position is the width of the column. The breakout position is the width of the page.

Audio Type

The audio chunk allows for one type of audio player. Please select HTML5.

Heading Level

Able Player injects an off-screen HTML heading “Media Player” at the top of the player so screen reader users can easily find the player. It automatically assigns a heading level one level deeper than the closest parent heading. Use this field to set the heading level manually if Able Player cannot correctly set the heading level based on your page hierarchy; otherwise, do not change this field.

Closed Captions (VTT file)

Captions are text overlays that display the dialogue or narration occurring in the video, as well as relevant sounds that might be important for understanding the content. You must provide captions for all live videos and most prerecorded videos. Closed Captions must be in the VTT file format. For more information on creating a VTT file, visit the World Wide Web Consortium website.

MP3

Upload an MP3 audio file.

Caption

Captions are text overlays that display the dialogue or narration occurring in the video and relevant sounds that might be important for understanding the content. You must provide captions for all live videos and most prerecorded videos. Your videos if the visual information is not included in the audio. Please refer to the IU KB document "Make video and audio accessible" for more information. Not required for the audio chunk.

Attribution

An attribution gives proper credit to the original creator or source of an audio file. An attribution is not required for the audio chunk.

Transcript

Transcripts let everyone access a text version of the audio. Transcripts are also important for search engines, which can index the transcript, improving search engine optimization (SEO). To meet accessibility requirements, any audio chunk must have a transcript.