Showing posts with label audio. Show all posts
Showing posts with label audio. Show all posts

Saturday, August 4, 2012

Play Audio files at background from HTML page using JavaScript

JavaScript Methods

var audioFileName = "NenuSaitam";
var audioFileExtn = ".wav";


function playSound(audioFileName) // Audio : Start Sound
{


// alert (audioFileName);
audioFileName = audioFileName + audioFileExtn;

try
{

if(document.all)
{

document.all["BGSOUND_ID"].src = audioFileName;
}
else
{

self.iplayer.location.replace("jsplayer.htm?" + audioFileName);
}
}
catch(err)
{

dispErrorMessage(err);
}
finally
{ }

} // playSound


function stopSound() // Audio : Stop Sound
{

try
{

if(document.all)
{

document.all["BGSOUND_ID"].src = "jsilence.mid";
}
else
{

self.iplayer.location.replace("jsplayer.htm?stop");
}
}
catch(err)
{

dispErrorMessage(err);
}
finally
{ }

} // stopSound


HTML Code



<BGSOUND id="BGSOUND_ID" name="BGSOUND_ID" LOOP=1 SRC="jsilence.mid"/>

<iframe id="iplayer" name="iplayer" src="jsplayer.htm" style="vertical-align:top; width:200px; height:22px; scrolling:no; border:0; frameborder:0">
Your browser does not support iFrame.
</iframe>



JavaScript File (jsplayer.htm)


<html>
<body style=margin:3px; bgcolor=#dddddd>

<noscript>
<div class="noscript" style="margin:24px;">
<img src="noscript.gif" alt="In order to access this site you need to enable JavaScript !" />
</div>
</noscript>

<script type="text/javascript" language="JavaScript">
<!--

var sUsrAgt = navigator.userAgent;
var sSearch = self.location.search;
var sNameLC = sSearch.toLowerCase().substring(1);
var nameLen = sNameLC.length;
var sType   = 'unknown';

if (sNameLC.lastIndexOf('.au') >nameLen-6) sType="audio/basic";
if (sNameLC.lastIndexOf('.ra') >nameLen-6) sType="audio/x-pn-realaudio";
if (sNameLC.lastIndexOf('.rm') >nameLen-6) sType="audio/x-pn-realaudio";
if (sNameLC.lastIndexOf('.mid')>nameLen-6) sType="audio/midi";
if (sNameLC.lastIndexOf('.mp3')>nameLen-6) sType="audio/mpeg";
if (sNameLC.lastIndexOf('.wav')>nameLen-6) sType="audio/wav";

if (sSearch.length<3) document.bgColor="white";
else if (sNameLC=='stop' ) document.writeln('<center><small>Audio stopped.</small></center>');
else if (sType=='unknown') document.writeln('<center><small>Unknown audio file type.</small></center>');
else
{ // WRITE HTML TAGS FOR AUDIO PLAYBACK

  if (sUsrAgt.indexOf('Opera')!=-1||sUsrAgt.indexOf('MSIE')!=-1)
document.writeln('<bgsound volume=-1000 LOOP=1 src="'+encodeURI(sSearch.substring(1,99))+'">');
  else document.writeln('<object width=194 height=16 data="'+encodeURI(sSearch.substring(1,99))+'" type="'+sType+'"></object>');
}

-->
</script>
</body>
</html>