Home > DotNetNuke > Adding Playable Audio to your DotNetNuke 5 Website

Adding Playable Audio to your DotNetNuke 5 Website

Today, C2IT Consulting was asked by a church hosting client to set up their system so they could upload audio files (sermons, in their case) to their website so visitors could play the files online. Here’s how we got this to work nice and neat in DNN5.

IMPORTANT: HOST UPDATE

Before anything, your host will need to update host settings to allow you to upload .mp3 files (or whatever type of audio you plan to use). MP3s are not allowed by default. Here’s how to do that:

  1. Go to the Host Settings Page and the Other Settings section
  2. Add mp3 to the list of allowable uploads.
  3. Click Update

That’s it as far as the host is concerned. Now you should be able to upload audio using these steps:

  1. Go to your website
  2. Log in with an account that can edit content.
  3. Go to the page you want to edit.
  4. Click Edit Content
  5. Type in some text for the audio file you’re going to upload next to a new bullet point, or however you choose to do it.
  6. Position the cursor after the text, and click the Media Manager link
  7. Select the Audio folder and then click Upload.
  8. Click the Select button next to the first file upload box.
  9. Browse to the MP3 file you want to upload and select it.
  10. Click Upload and wait for the window to close.
  11. Make sure the file you uploaded is selected.
  12. Assuming you don’t want to auto-play the file, Select AutoStart from the properties dropdown on the right and choose No. Also set the Height to 20.
  13. Click Insert
  14. Click Save
  15. That’s it! You now have an audio player right there on the page

Is there something else you’d like to do with your DNN site that you can’t figure out? Let us help! Click here to contact us about our DotNetNuke CMS systems.

Advertisements
  1. No comments yet.
  1. No trackbacks yet.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: