html5 audio player add-onWhen you have a website, there may be times when you want to share audio such as music. HTML5 is a common standard for putting audio on a website, because it is compatible with many browsers, and even many smart phones. 

In this tutorial we will show you how to install and use the HTML5 Audio Player Basic Add-On for Concrete5.

Installing the Add-On: 

  1. Login to your Concrete5 Dashboard.
  2. Roll your mouse over the Dashboard button and then click add-ons.
  3. In the keyword field type 'html5 audio player basic' then click the search button.
  4. You will see the "HTML5 Audio Player Basic" listed, click it.
    selecting add-on to install
  5. On the bottom right click the blue Download & Install button on the bottom right.

    You will see a notification stating "The package was successfully installed."

  6. Click the Return button on the bottom right, then click the Return to Website button on the top left.


Adding Audio to a Block:

  1. Using the menu, navigate to the page you want to add music to, and click the Edit button on the top left.
  2. Now select the area you want to add the music player block to, and click +Add Block. In my tests I want the music player in the sidebar, so I selected Add To Sidebar.
  3. Now scroll down and click or search and select HTML5 Audio Player Basic.

    On the Add HTML5 Audio Player Basic menu, you can add file with extensions of .mp3. To add an .mp3 file click Choose Audio

  4. Then using the file manager click the Browse button, locate and select the music file on your computer and click the Open button. 
  5. Click the Upload File button. After the file upload completes, an Upload complete menu will come up and display basic audio properties of the files. 
  6. Select the green Continue button on the top right.
    audio file uploaded successfully
  7. In the File Manager menu click the check box next to the audio file you uploaded, and on the top click the drop-down box titled **With Selected, and click Choose, then click the Add+ button.
  8. Roll your mouse over Editing, and select Publish My Edits. You will now see the music player on your Concrete5 website.


Congratulations, now you know how to install and use the HTML5 Audio Player Basic Add-On for Concrete5!


Did you find this article helpful?

We value your feedback!

Why was this article not helpful? (Check all that apply)
The article is too difficult or too technical to follow.
There is a step or detail missing from the instructions.
The information is incorrect or out-of-date.
It does not resolve the question/problem I have.
How did you find this article?
Please tell us how we can improve this article:
Email Address

new! - Enter your name and email address above and we will post your feedback in the comments on this page!

Did you find this article helpful?

Post a Comment

Email Address:
Phone Number:

Please note: Your name and comment will be displayed, but we will not show your email address.

Related Questions

Here are a few questions related to this article that our customers have asked:
Ooops! It looks like there are no questions about this page.
Would you like to ask a question about this page? If so, click the button below!
Need More Help?

Help Center Search

Current Customers

Email: Ticket: Submit a Support Ticket
Call: 877-595-4HUB (4482)
757-416-6627 (Intl.)
Chat: Click To Chat Now

Ask the Community

Get help with your questions from our community of like-minded hosting users and Web Hosting Hub Staff.

Not a Customer?

Get web hosting from a company that is here to help.