Audio Playlist

Version 1.13

This code creates an audio playlist. It was developed to work in Blackboard for Ohio University's History of Rock Course.

Disclaimer

The code housed on Github is to be used as a backup by the relevant Ohio University employees only (including the Office of Instructional Innovation).

Prerequisite

This was optimized for Blackboard Learn (the version being used as of 2015 at Ohio University).

Instructions

I. Set up

In the file, audio.js:

1. Replace the "Playlist Title" with the title of the playlist.
2. Replace the "PutDirectLinkHere.mp3" with the direct link to the audio files. They MUST end with .mp3.
3. Replace the "Title of Song" with the title of the corresponding song.
4. Replace the "Artist of Song" with the artist of the corresponding song. Note: The order of songs should correspond with the order of titles, artists, and composers.
5. Replace the "Composer of Song" with the composer of the corresponding song. If there is no composer, type "none".
6. If more songs are added, each line should end with a comma (outside of the quotes) EXCEPT the final line.
7. Save the file. Note: playlist.html can be embedded in an iframe as well.

II. Preparing files

Highlight all the files and compress them into a .zip file.

III. Launch in Blackboard:

1. Go to your Blackboard course.
2. Go to your files under Course Management.
3. Hover over "Upload" and click "Upload Zip Package" in the dropdown menu.
4. Click the "Choose File" button.
5. Find and select the .zip file.
6. Click "Open." The file name should appear in the "file" field.
7. Click "Submit."
8. Go to the folder where you want the students to access the playlist.
9. Hover over "Build Content" and click on "File" from the dropdown menu.
10. Provide a name and description.
11. Click the "Browse Course" button.
12. Select "playlist.html" and click "Submit." The file name should appear.
13. Under File Options, select "Yes" for "Open in New Window."
14. Click "Submit." The file should appear at the bottom of the page.

Built with

1. HTML
2. CSS
3. JavaScript
4. jQuery
5. Komodo Edit

Credits

This Audio Playlist was created by Hope E. Moore for Ohio University's Office of Instructional Innovation in June 2015. Thank you to Matthew Dingo for the oportunity to create this.