首页 > 编程 > JavaScript > 正文

js实现可兼容IE、FF、Chrome、Opera及Safari的音乐播放器

2019-11-20 13:10:36
字体:
来源:转载
供稿:网友

本文实例讲述了js实现可兼容IE、FF、Chrome、Opera及Safari的音乐播放器。分享给大家供大家参考。具体实现方法如下:

/** 音乐播放器 * @param obj  播放器id * @param file  音频文件 mp3: ogg: * @param loop  是否循环 */ function audioplayer(id, file, loop){   var audioplayer = document.getElementById(id);   if(audioplayer!=null){     document.body.removeChild(audioplayer);   }    if(typeof(file)!='undefined'){     if(navigator.userAgent.indexOf("MSIE")>0){// IE        var player = 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{ // Other FF Chome Safari Opera        var player = document.createElement('audio');     player.id = id;     player.setAttribute('autoplay','autoplay');     if(loop){       player.setAttribute('loop','loop');     }     document.body.appendChild(player);          var mp3 = document.createElement('source');     mp3.src = file['mp3'];     mp3.type= 'audio/mpeg';     player.appendChild(mp3);          var ogg = document.createElement('source');     ogg.src = file['ogg'];     ogg.type= 'audio/ogg';     player.appendChild(ogg);          }   } } 

用法示例:

var file = []; file['mp3'] = '1.mp3'; file['ogg'] = '1.ogg'; audioplayer('audioplane', file, true); // 播放 audioplayer('audioplane'); // 停止 

希望本文所述对大家的javascript程序设计有所帮助。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表