Skip to main content
M
Margmeyr
Participant
October 7, 2011
Answered

How do I insert mp3 audio files in Dreamweaver CS5?

  • October 7, 2011
  • 1 reply
  • 33301 views

How do I insert mp3 audio files in Dreamweaver CS5?

Also, do I have to take out all the spaces in the file name?

Thanks!

    This topic has been closed for replies.
    Correct answer Nancy OShea

    To Nancy OShea

    Sorry if this post was attempted already before and duplicates my first post (which now seems absent).

    I tried to paste your code into my DW 5.5 webpage, but this does not work.

    Here is my webpage start up, which sends viewers to a second "page-window" for each mp3.

    http://harmoniouspalette.com/NU~U~U~Ubabes.html

    (I see now the title needs fixing , etc...)

    I tried the linked html inside my Mac where it does not work, while the current version plays both on web and on my Mac.

    Any insights to make this work would be appreciated.  Thanks so much.


    Copy & paste the correct code below into a new, blank document and save.

    <!doctype html>

    <html lang="en">

    <head>

    <meta charset="utf-8">

    <title>HTML5 Audio Demo</title>

    <meta name="viewport" content="width=device-width, initial-scale=1">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    </head>

    <body>

    <h1>Title</h1>

    <audio src="http://harmoniouspalette.com/BeginnerNUs.mp3" title="Beginner NUs" controls ></audio>

    <h1>Title</h1>

    <audio controls src="http://harmoniouspalette.com/ChildVoice-NU-U-U-U.mp3" title="Child Voice NU-U-U-U">

    </audio>

    </body>

    </html>

    1 reply

    Nancy OShea
    Community Expert
    Nancy OSheaCommunity Expert
    Community Expert
    October 7, 2011

    It's a good practice to remove  spaces from all your site folder and filenames.

    To answer your question about MP3 audio, how many files do you have?  Do you need a player that supports multiple audio files?  Or just a play button?

    Nancy O.

    Alt-Web Design & Publishing

    Web | Graphics | Print | Media  Specialists 

    http://alt-web.com/

    http://twitter.com/altweb

    Nancy O'Shea— Product User & Community Expert
    M
    MargmeyrAuthor
    Participant
    October 8, 2011

    Thanks for your reply!

    I have 4-5 mp3 files.

    I discovered how to add a plug-in from the Media:Plugin in Dreamweaver.

    But now I want to change the audio clips to NOT start automatically when the page opens.

    I want the embedded file to be OFF, and have the user be able to Play it when they want.

    Any help would be appreciated!

    Jon Fritz
    Community Expert
    Jon FritzCommunity Expert
    Community Expert
    January 8, 2018

    Hi, I tried to choose the "other reply" assuming it is the reply with code to copy paste.  I tried it both with the quotation marks and without the quotation marks. Neither works for me.

    I want to build a webpage with lots of simple little players, gradually,  for people to easily sample short clips. I don't want couplex playlist options or scripts. Just the simplest little player possible, (great if it can play on most devices and without special  options for user to learn about).

    I have copyright permission from a text author, to include these player, text-to-speech samples of their writings. One of those little boxes with start-stop button, (not to automatically begin when the page opens).

    Dreamweaver is supposed to be WYSIWYG for people who don't want to memorize all this code perfection.

    Is there a copy paste thing I can paste my mp3 titles into a larger, precise code statement?

    It sounded like the original post asked for this, but what am I doing wrong? I I copy paste the suggested text, please.


    A lot has changed online and in DW since this post was started 6 years ago.

    It's pretty simple in the latest versions of the program...

    Click where you want the audio player to appear

    Go to Insert > HTML > HTML5 Audio to add the <audio> tag to your page

    Click the speaker icon that appeared in Design View and in the Properties window, add your .mp3 in the Source field

    Make sure the Autoplay checkbox is NOT checked

    Add a Title and Fallback Text for old browsers

    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices