HotDoodle Logo
Audio on a Website

Audio can be added to a HotDoodle website in two ways:

1. Audio on a Player: Displaying an audio player on the website is the method to provide visitor controlled audio. The Files/Videos Block in the Music view will display a mini player for audio files. With this block, visitors can browse the available audio files and click to listen or pause. HotDoodle recommends using the mp3 or wav file formats for audio.

2. Background Sound on a Page: Background sound can be added to a HotDoodle website to automatically play when a page is visited. Music or audio automatic play should be used with restraint because visitors may not want to hear the audio and their only option to silence it, is to turn off their speakers. Also, background sound is set per page and when the page is left, the music stops.


Add Audio on a Player

In the video below, you will learn how to do the following:

  • Add a Files/Videos block in audio view
  • Upload an audio file
  • Set the name that will display for the audio track
  • Change the display name for an audio track
  • Delete a individual uploaded audio file
  • Display a description with an uploaded audio file


Add Audio on a Player

Steps: How to Add Audio on a Player

1. On the HotDoodle Toolbar, click on the "Block" tab.

2. Click on the "Add Block" button.

3. On the webpage, click on the "Add Here" button where the Files/Videos Block wil display.

4. Click on "Files/Videos" Block.

5. Choose the "Music" block view.

6. Click on the "Insert this block" button.

7. Set the properties for the Files/Videos Block.

  • Allow Pictures? – This option when checked, lists images files without displaying the image. This is an alternative to adding images in a picture album. 
  • Has Revisions? – This option when checked, allows revisions of a file with the same file name to be uploaded in place of the original.
  • Shows these Revisions? – This option when checked, displays all versions of files with the same name. If this option is unchecked, only the newest version of the file is displayed.
  • Video Dimensions – In the case of video files, this setting allows specification of a height and width. Uploaded videos will be converted to these dimensions. 
  • Open in New Window? – This option when checked, opens the file in a new window. If this option is unchecked, the file opens in the existing browser window.
  • Show Description? – This option when checked, shows a description of the file in addition to the file name. If this option is unchecked, no description appears with the file name.
  • Do not Show Icons? – This option when checked, does not show the standard file type icons. If this option is unchecked, the standard file type icons appear to the left of the file name.

8. Click on the "Save" button.

9. Click on the "Upload File" link.

10. Type a name for the file.

If no name is selected, the name on the uploaded file including file extension will display as the file name.

11. Click on the "Browse" button.

12. In the pop up window, navigate through the hard drive and click on the file to upload.

Files appear on the website in order of upload.

13. Click on the "Open" button.

14. Type a description for the file.

15. Click on the "Save" button.

HotDoodle will display an audio player to the right of the audio title where a visitor can play and pause audio on the website.

16. Click on the "Edit" button to edit the file or click on the Red "X" to delete the file.


Add Background Sound on a Page

Steps: How to Add Background Sound on a Page

1. Add a Files/Videos Block in the website Store Room. See Add Audio on a Player

2. Right click on the audio file name and click on "Copy Link Location" from the options.

3. Click on the web page to add the automatic play audio to.

4. On the HotDoodle Toolbar, click on the "Pages/Menus" tab.

5. Click on the "Edit Page Properties" button.

6. Click on the "Advanced fields" tab.

7. Under [Background Sound] click in the field and paste the copied audio link from step 2. *Important - Remove any characters in the field before "/files..." if the link is located in the HotDoodle site. 

8. Click on the "Save" button.


© 2006 - 2015 Metabyte, Inc., All Rights Reserved, Patents Pending

http://www.hotdoodle.com, HotDoodle™ Custom Web Design and Quality Affordable Website Designers for Small Businesses and Professionals
Powered by http://www.hotdoodle.com, HotDoodle™ Custom Web Design and Quality Affordable Website Designers for Small Businesses and Professionals
Multilingual I18n website design Site Map