Embedding MP3 files into dreamweaver webpage

I've embedded mp3 files into my webpage, but every time someone opens the page, they are prompted to either open or save the file.  I want the viewer to be able to play the song using the embedded player, without the prompt.

Embedded players are very old school.  And it won't work for many since they need a player and appropriate browser plugins installed on their end.  The modern approach is HTML5 <audio> which is widely supported by all browsers, including mobile and tablets.  For an example of HTML5 audio, copy and paste this code into a new, blank document.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>HTML5 Audio Demo</title>
<!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<style>
header {
    width: 500px;
    margin: 0 auto;
    text-align: center
audio { color: red }
figure {
    margin: 20px auto;
    padding: 20px;
    width: 500px;
    text-align: center;
    border: 1px #ccc dashed;
    clear: both;
figcaption {
    display: block;
    clear: both;
    text-align: center;
    font-style: italic;
    padding-top: 15px;
dl {
    text-align: left;
    margin-left: 40%
dt {
    clear: both;
    float: left;
    width: 4.5em;
    font-weight: bold;
line-height: 150%
dd {line-height:150%; color:maroon}
</style>
</head>
<body>
<header> <h1>HTML5 Audio Demo</h1>
<p><a href="http://www.w3schools.com/html/html5_audio.asp">HTML5 Audio Tutorial</a></p>
</header>
<figure>
<audio preload="auto" controls >
<!--replace demo audio files with your own-->
<source src="http://alt-web.com/Media/Fake-Empire.ogg" type="audio/ogg">
<source src="http://alt-web.com/Media/Fake-Empire.mp3" type="audio/mp3">
Looks like your browser is outdated and doesn't support the audio element.
Please upgrade to a modern browser that does.
</audio>
<figcaption>HTML5 Audio using OGG &amp; MP3 files. <br>
Works in all current browsers &amp; mobile devices.<br>
</figcaption>
</figure>
<dl>
<dt>Title:</dt>
<dd>Fake Empire</dd>
<dt>Year:</dt>
<dd>2007</dd>
<dt>Artist:</dt>
<dd>The National</dd>
<dt>Album:</dt>
<dd>Boxer</dd>
</dl>
</body>
</html>
Nancy O.

Similar Messages

  • Cannot play MP3 files in Dreamweaver CS4

    Hi
    Apogogies if this has been asked before.
    I have an embedded MP3 file on one of my DWCS4 pages but when I try to play it from the Properties Inspector I get the message "Unable to find the plugin that handles this media type".
    The sound file plays OK in Firefox and IE but I would like to be able to test it in DW. I have the currrent version of Apple QuickTime Pro installed.
    I am using both Windows XP and Vista with the same problem.
    Is there a plug I can download for DW only in order to play these files without resorting to converting the MP3 to another format.
    Any help would be much appreicated.
    Thanks
    George

    Yes but I did exactly what I accused you of doing so it was really bad!
    Software troubles can drive you a bit crazy. Sorry again.
    From: pziecina <[email protected]>
    Reply-To: <[email protected]>
    Date: Thu, 08 Oct 2009 09:16:11 -0600
    To: d maass <[email protected]>
    Subject: Cannot play MP3 files in Dreamweaver CS4
    Hi
    Thank you for the apology, but as we have all (probably), misread and
    therefore wrongly replied to posts, it is not really necessary.
    PZ

  • I have 2 iphones syncing on one computer and on the same apple ID. Before i updatad my Itunes to the last available update and my Iphones to 5.01 i had no problem draging jpg. and mp3 files into my iphones DCIM folder (the picture folder that opens when c

    I have 2 iphones syncing on one computer and on the same apple ID.
    Before i updatad my Itunes to the last available update and my Iphones to 5.01
    i had no problem draging jpg. and mp3 files into my iphones DCIM folder (the picture folder that opens
    when conecting to Itunes). Since my updates Itune wont let me drag and drop any files' even pictures that
    were taken with my Iphone on 4.3.3.
    Please help as we have no itunes music in Israel, only apps and i cant copy any of my old music from my computer
    to my iphones.
    If it helps, i am using a pc with 32 bit windows 7.
    Other from the obove Itunes works fine and does sync pictures from my computer to my Iphone from "my pictures" folder.
    Thank you for your time
    Yoni Bliss
    [email protected]

    The title of my initial post is a bit misleading. I already took a chance deleting one of the iPhones, hoping if I deleted the wrong one, I can still reauthorize it (all with the same Apple ID acct, so not subject to 90-day waiting period, right?) The iTunes database just updated itself, and it says I have 4 "devices" "in the Cloud", but 5 "computers" associated w my account. How can I find out what computers are associated? Isn't there a list I can see? I dont have a clue what computers they might be. If I use the  "Deauthorize All" option, is it a pain to add them all back in. I assume I would have to log in from each computer to reauthorize each one. Would I have to be running the newest OS or version of iTunes to reauthorize? I think I have a PowerBook G4 Titanium with an older OS and iTunes. I'd like to keep that authorized, if possible.

  • I want to merge mp3 files into one file so i can play a mix in i tunes without pauze

    i want to merge mp3 files into one file so i can play a mix in i tunes without pauze

    Audacity is what you need.
    Obviously you need to create a new MP3 file of the combined songs and not delete the originals.
    If your DJ-ing and/or just have too many songs to do that, then look at the free VirtualDJHome version, gives you a lot of control over your music playback.

  • How do I play embedded mp3 files?

    Hello,
    Is Adobe Reader for iPad capable of opening my embedded mp3 files? If not, then how can I  get the audio to play inside the document?  The original document was created in Publisher 2012...converted to pdf where I embedded the mp3.
    Thank you for your help.

    Adobe Reader for iPad has no support for MP3 or video files. You would need to use a paid PDF reader like PDF Expert.

  • How to convert .MP3 files into .AAC with iTunes 10.5.2

    Im running a Mac OS X 10.5.8, and my iTunes version is 10.5.2.
    I want to convert .MP3 files into .AAC using iTunes, but no option is given for me. What should I do?

    im not going to change all my songs into AAC, I was experiementing around with making ringtones for my iphone. I can open a song in Garageband, and export it as an AAC file to my itunes, but it is very annoying. I remember older versions of itunes having a "Convert to AAC" option, but i can't find it anymore on this current version of itunes.
    Basically, I want to convert a couple songs into AAC to create ringtones out of them.

  • Need help importing files into Dreamweaver CS5.5

    Greetings,
    Currently I have website that is hosted on GoDaddy.com http://www.4thdist.org/home.php  . This site was created by another person that is not available to help with my problem. I am attempting to modify or edit this website using Dreamweaver CS5.5 and having difficulties loading the files into Dreamweaver.
    First, using Filezilla I downloaded all the files and folders to my PC. At this point, I am stuck and cannot figure out how to upload or open the files and really need some advice. I read the Adobe help section on "importing" and it describes a .ste file. I searched the download folder and cannot find any file (*.ste)
    I am hoping to salvage the site and not have to reinvent the wheel and start over. Any advice would be extrmely helpful........Gary

    Thanks for the quick reply.
    Your comments raised some new questions. Let me update all on where I am. First, I am able to connect to GoDaddy server via the the local and remote views in the bottom right corner of DW. I see the file folder structure on GoDaddy. I can also see the file structure on my local hardrive that I copied using filezilla. Although, using the server connection I notice that I can download the files using this connection now. Should I delete what I did via filezilla and start over using the romote server connection? One more problem. I have content for two (2) websites on the remote server. http://www.vfwstatepoolleague.org/ This is in addition to the listed in my original post. Although, it appears the other website content is in a seperate folder. I assume that I will need to separtate this content somehow. At least link to it when I begin to start to create a .ste file for each site.
    I started to read the article "Creating your first website"in your post and should be very helpful. I did run into a little road block.
    I created (2) site names and linked to the appropriate folder on my hard drive. Although, I do not have: "check_cs5" folder on my local or remote folder. What does that mean? Should I create one?

  • I can't import mp3 files into iTunes

    Just recently, I find that I can't drag/drop (or import) .mp3 files into iTunes (12.1.0.50).
    I did confirm that the files aren't locked.
    Any ideas?  Thanks!

    No mp3 files from any source, including iTunes itself, or just some particular batch of mp3s files from some unspecified source?  It isn't unusual for some encoders to produce mp3s that are not compliant with iTunes.  You can try using the application MP3 Scan+Repair (http://triq.net/mac/mp3-validator-mac-os-x) to fix them but sometimes you have to re-encode them.  Try playing with Quicktime Player instead and report if it will play the files.
    Oh, it also isn't unusual that files do not have labels built in.  They are adding to iTunes but not ending up where you expect them to be.

  • Cannot import .mp3 files into Audition 3.0

    I just reinstalled after reformating (I was already on Windows 7 x64 Ult, just changed primary hard drives), now when I try to import an .mp3 file into Audition 3.0, it tells me that is isn't a supported file type.
    Suggestions?
    Correction: I cannot open SOME .mp3 files.

    even I am not able to import certain mp3 files in itunes. it won't even play them. What is up?

  • Unable to Insert Adobe Edge Animate files into Dreamweaver CS6!

    I have just tried the new Insert Edge Media feature in the new Cloud version of Dreamweaver CS6, but I can't get it to work!!
    I have the option, but all the files in the Edge folder are unhighlighted (grey'd out) and I am unable to select anything Edge has published. I have noticed that the file extension has recently changed from .edge to .an with the launch of Animate.. Is this the problem?
    Its a shame as its really quite tricky to put edge stuff into a web page at present..
    Any ideas?
    Wesley

    Do you have an HTML5 web document open?   
    Below are instructions from the DW CS6 Reference document
    http://helpx.adobe.com/pdf/dreamweaver_reference.pdf
    Import Edge Animate compositions | Creative Cloud
    This feature is available for Creative Cloud members and point product subscribers only.
    You can import Adobe Edge Animate compositions (OAM files) into Dreamweaver. The composition is placed at the location of the cursor. Dreamweaver extracts the contents of the imported OAM file to a folder named edgeanimate assets. You can change the default location in the Site Setup dialog.
    1. Ensure that your cursor is at the location where you want to insert the Edge Animate composition.
    2. Select Insert > Media > Edge Animate Composition.
    3. Navigate to the location in your computer containing the OAM file, and open it. The animation is placed at the specified location.
    By default, the contents of the OAM file are extracted to the edgeanimate_assets folder. A sub folder with the name of the file is created. The contents of the OAM file are placed in the Assets folder under this location.
    You can place Edge Animate Compositions into individual pages not part of any site. The files are extracted to the location of the page.
    Location of extracted files
         A. The edgeanimate_assets folder
         B. The folder created using the file name of the OAM file
         C. The Assets folder containing the extracted files
    4. Preview the inserted Edge Animate composition in a browser or in the Live View.
    Change default location for extracted files
    1. Open the Site Setup dialog for your site.
    2. Under Advanced Settings, select Edge Animate Assets.
    3. In Asset Folder, modify the location for extracted files
    Nancy O.

  • How to change music in uc320?how to upload mp3 file into uc320?

    Dear all,
    how to change music in uc320?only one music in uc320?
    how to upload mp3 file into uc320?
    Thanks
    John

    I am evaluating the UC320 for a phone system replacement for our 100 locations.
    Allowing us to add an MP3 file to replace the current one would be a HUGE cost savings.
    This will help us cut cost when compared to the old system.
    Currently we are spending $180 on an external mp3 player for an mp3 that’s 3MB in size.
    If this system works out we are then going to recommend it to our 1800 franchisees.

  • Help please copying, importing files into Dreamweaver

    Hello,
    I am having trouble imporitng files into dreamweaver from Godady. What is my best route.
    I downloaded Filezilla and connect my ISP, Hosting and passwords and successfuly my files loaded to filezilla.
    I am perplexed at the next step as to how to get my files from FileZilla to Dreamweaver.
    I am connected with the hosting, isp and file server as it shows in the box on the right.
    I simply at the end of the day just want to make a few edits to content.

    You can create a site in DW and download all the files using the "Get" action...
    In DW go to Site > New Site
    Give it a name (and an http address if you want)
    When it asks "Where on your computer do you want to store your files? you can use the default folder it creates, or browse to a specific place
    Next enter in all of your FTP info (like Filezilla)
    Once you're finished, you should be presented with a FILES tab that shows your new empty folder.
    Click the little extension cord plug-in icon on the left of that palette. This will connect to your site. Once connected, you can click the "Get" button, it's the down arrow in the same pallette.
    This will download your entire site to your desktop as it currently exists. From here on out, you just modify your local file, then connect and "Put" the changed files.

  • Joining multiple mp3 files into one

    Hi all,
    I am very puzzled as to how to merge multiple mp3 files into one, to upload to Mixcloud. Now, I do have the "Join Together" script and it worked like a charm a few times but now it just freezes and there's nothing I can do.
    Any ideas? Is there any DJ software, other than Nicecast, that could merge the files?
    Any help will be much appreciated.
    Thanks!

    Fronzenfields,
    A lot of folks preparing mixes for Mixcloud use Audacity.  It is a free audio editor, and has both Mac and Windows versions. 
    Besides joining tracks, it will also let you do crossfades, volume adjustments and other typical audo editing functions necesary to create a good quality mix.
    Editing in Audacity does not modify the original tracks.  You import the tracks into Audacity, do the edits, and  then export a single MP3.

  • Split MP3 file into multiple MP3 files

    I've been through the help section and is till cant seem to figure out how to split a large (2 hour) mp3 file into multiple mp3 files.
    I have a 2 hour MP3 recording (Stereo not mono), and I have added markers (by simply pressing keyboard shortcut 'M' to add marker), but now I would like to know how to split that one mp3 files into multiple files from the markers which I have made...
    All my marker types are "Cue" when i pressed 'M' at the locations I want the track to end/start

    You didn't say which version of the program you're using, but in general, there is a way to do this by adding one additional cue at the very end of the file, then "merging" the cues (which converts the space between each cue into a "range"), and batch processing each range out to a separate file.  (Make sure there's a cue at the beginning of the file, or at least the first material you want in a new file.)
    Now that you've done all that work, I'm going to tell you that what you're doing is probably a bad idea.  Opening any mp3 in Audition and resaving back to mp3 means you've doubled the losses and distortion inherent with the mp3 compression.  Audition can't do lossless editing of mp3s.  The bottom line: are you really splitting the file, and does the result have to be mp3 format?  If saving to a (wave file, or any other lossless format, then what I'm saying doesn't matter.
    In any case, "mp3 Direct Cut" is a terrific freeware program that does lossless mp3 editing, and I'd highly recommend you try it.  It's saved my neck a number of times.  See http://www.mpesch3.de.

  • What is the simplest way to split an mp3 file into multiple audio CDs?

    I wonder if windows 7 has any tools to burn an mp3 file into multiple audio CDs.
    If it does not, are there any standard tools to do it?
    thank you,
    Ed

    see this to understand how you can loop through sheets
    http://www.codeproject.com/Tips/395541/How-to-load-data-from-multiple-Excel-sheets-to-any
    then all it needs is a data flow task with excel source and flat file destination which will point to your csv path
    Please Mark This As Answer if it helps to solve the issue Visakh ---------------------------- http://visakhm.blogspot.com/ https://www.facebook.com/VmBlogs

Maybe you are looking for

  • Confirm / Fulfill Open Qty pulling in partial quantity in sales order

    Hello all,     The inventory for item AA is 83.5 case for batch 123A.   In the sales order i create, for item AA with Order Qty of 83 cases, it pull in from batch 123A, confirming 83 cases.   Next line item AA, i need another 1 case. It goes to anoth

  • Load balancing over rmi requests

    On a cluster of ias10g (9041), Is it possible that all requests over RMI use a "virtual" hostname and port which directs them to a load balancing mechanism which then determines which of the operational OC4J instances should process this request?

  • Add movies to iPad over WiFi that are already purchased

    Hi - I am considering whether to purchase a 16gb or 32gb. I do not plan on have more than 4 HD movies on the device at a time, with a dozen or so plus apps, and a few books(mostly Kindle books). I was wondering if it is possible to download movies fr

  • Will iPod & iTunes work with Windows Me?

    I will be a first time buyer and was wondering...I know Me is archaic, but will it be able to work with the iPod and iTunes and let me be able to download anything and everything i would want? including videos and podcasts even though i can't run Qui

  • Delivery proposal in sales order

    Dear Experts, In my sales order when I do an availability check and no stock is available, the system currently does not propose a delivery date when the stock could be availble. please advise, if I have missed any settings as this is standard in OR