Play An Audio File In WebSite

Question

0.00/5 (No votes)

See more:

Hi,

I am trying to play an audio file which i uploaded using a image button using html. I used a <embed> tag which is created when i click on that image. But sadly this works only in chrome not in FF or IE.. Can anyone pls help. The javascript is used is below

JavaScript

function DHTMLSoundOnBusyGreeting(surl) {
       try {
           document.getElementById("imgPlayBusyGreeting").innerHTML = "<embed id='embedWav' src='" + surl + "' hidden=true autostart=true loop=false '><noembed><bgsound src=" + surl + " volume=100></noembed>";
           document.getElementById("hideAudioBusyGreeting").style.display = "";
       }
       catch (e) {
           alert(e.Message)
       }
   }

Posted 18-Sep-13 18:29pm

Arjun Menon U.K

Add a Solution

Comments

sajjad hasanzadeh 19-Sep-13 2:00am

Different Ways to Play a Sound from a Web Page
See: http://www.phon.ucl.ac.uk/home/mark/audio/play.htm

Arjun Menon U.K 19-Sep-13 3:56am

Hi sajjad, the got the code from the mentioned site and it doesn't seems to work :(

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

bitofweb · Answer 1 · 2013-09-18T20:24:00

Solution 1

Hi Arjun,

Try this code
First Add div to your page

HTML

<div style="display: none" id="divSound"></div>

then add following js code to your script file.

JavaScript

var val = navigator.userAgent.toLowerCase();
    if (val.indexOf("msie") > -1)
    {
        $("#divSound").html('<embed src="stompa.mp3" autostart=true width=0 height=0 id="LegacySound" enablejavascript="true" >');
    } else
    {
        var audio = new Audio();
        audio.src = 'stompa.mp3';
        audio.play();
    }

this should be working in all browser.
Hope this helps!

Posted 18-Sep-13 20:24pm

bitofweb

Comments

Arjun Menon U.K 19-Sep-13 3:55am

Hi,
can u pls explain the concept here... what does the code actually do?

Arjun Menon U.K 19-Sep-13 4:00am

msie = Microsoft IE?

Arjun Menon U.K 19-Sep-13 4:36am

didn't work in FF

bitofweb 19-Sep-13 4:45am

Hi Arjun,
we are playing audio file on the basis of browser's ability to play media file.
In first line of js code we are getting browser type i.e msie is microsoft internet explorer. when the browser is IE just added the embed code to the #divsound element to play audio in background, else we are just using javascript code play audio file and this should work in FF. Do one one more thing tell me which version of FF you are using, is the version of FF supports HTML5.

Arjun Menon U.K 19-Sep-13 4:53am

24.0 this is the version of firefox am using and if my memory is correct audio tag wont work in FF

Arjun Menon U.K 19-Sep-13 4:58am

Here in this link ( http://www.phon.ucl.ac.uk/home/mark/audio/play6.htm ) , its been said that the code is compatible in all browsers like IE,FF,Chrome & Safari. But its not working for me except in Chrome

bitofweb 19-Sep-13 5:47am

http://mir.aculo.us/2011/03/16/how-to-play-a-sound-in-a-web-browser-it-aint-easy/
refer to this url, this should solve your problem.

Arjun Menon U.K 19-Sep-13 6:08am

it uses embed tag bro... that's what i have written above