js實現可相容IE、FF、Chrome、Opera及Safari的音樂播放器，chromesafari

js實現可相容IE、FF、Chrome、Opera及Safari的音樂播放器，chromesafari

本文執行個體講述了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程式設計有所協助。