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!

    C
    ContextWeaver
    Participating Frequently
    January 9, 2018

    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>


    Thanks so much Nancy! You made this so easy and your version even looks more crisp than the older play boxes! (Ones which i previously saw around the web).

    Kudos to Dreamweaver, with legendary, inner workings, still surviving the major-web-shifts, of 20 years! Thanks also to Adobe for keeping good essentials durable, for spend thrift WYSIWYG users.

    If i could please ask one more question concerning an additional problem:

    On my 2 browsers, your kindly provided code loads the new update of today. Great.

    However i had to scan the menus to locate a "reload button". Otherwise the old html version of 2 weeks ago persisted in my browsers.

    Is there a code to paste in the html file, which will tell a visiting user's browser to check for and to download the latest-current -version of the html file?  That is, not to use any earlier saved versions lingering somewhere...  Basically to assure that the latest html file is loaded. I am generally  not concerned that my pages might load slowly, for this assurance. I am far more concerned that my corrected typos and updates are seen immediately.

    Your patience is very much appreciated. Bo Atkinson

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