js实现可兼容IE、FF、Chrome、Opera及Safari的音乐播放器
本文实例讲述了js实现可兼容IE、FF、Chrome、Opera及Safari的音乐播放器。分享给大家供大家参考。具体实现方法如下：
/**音乐播放器
*@paramobj播放器id
*@paramfile音频文件mp3:ogg:
*@paramloop是否循环
*/
functionaudioplayer(id,file,loop){
varaudioplayer=document.getElementById(id);
if(audioplayer!=null){
document.body.removeChild(audioplayer);
}
if(typeof(file)!='undefined'){
if(navigator.userAgent.indexOf("MSIE")>0){//IE
varplayer=document.createElement('bgsound');
player.id=id;
player.src=file['mp3'];
player.setAttribute('autostart','true');
if(loop){
player.setAttribute('loop','infinite');
}
document.body.appendChild(player);
}else{//OtherFFChomeSafariOpera
varplayer=document.createElement('audio');
player.id=id;
player.setAttribute('autoplay','autoplay');
if(loop){
player.setAttribute('loop','loop');
}
document.body.appendChild(player);
varmp3=document.createElement('source');
mp3.src=file['mp3'];
mp3.type='audio/mpeg';
player.appendChild(mp3);
varogg=document.createElement('source');
ogg.src=file['ogg'];
ogg.type='audio/ogg';
player.appendChild(ogg);
}
}
}
用法示例：
varfile=[];
file['mp3']='1.mp3';
file['ogg']='1.ogg';
audioplayer('audioplane',file,true);//播放
audioplayer('audioplane');//停止
希望本文所述对大家的javascript程序设计有所帮助。