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 虎年祝福语 诗句唯美简短
16 生日婚礼祝福语简短精辟
17 虎年喝酒拜年祝福语简短
18 教师闺蜜祝福语简短