Audio Player with Playlist, HTML Editor

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas et metus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque nibh risus, sagittis nec suscipit nec, mollis laoreet eros. Donec faucibus, libero id faucibus scelerisque, justo justo nullam sodales.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas et metus.

Many CC users have been asking for something like this. The component is relying on a javascript that fetches the tunes, plays them and shows some related information in the box to the right. The information can be anything you like, maybe the lyrics, something about the musicians or an image - your choice.

This extra-information is sitting in hidden containers that each have an ID that is the letter 'i' followed by the relevant playlist number shown at the start of the relevant song title.

The music can be local or online. Here it is online, and you may notice a short break before the music starts playing. This is the time it takes for the song to be downloaded. For local files it would be best to create a folder 'sound' to pop them into.

You can add more songs to the playlist - or delete some.

The images used here are from Pixabay.

Download the component.