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程序设计有所帮助。
热门推荐
10 喜得孙子祝福语简短唯美
11 婚礼祝福语简短朴实大众
12 员工周年祝福语大全简短
13 家长回复节日祝福语简短
14 简短生日祝福语老同学
15 夜雨祝福语简短10字
16 蛋糕祝福语简短闺蜜
17 部门过年祝福语简短独特
18 简短精炼的结婚祝福语