js實現(xiàn)可兼容IE、FF、Chrome、Opera及Safari的音樂播放器
更新時間:2015年02月11日 09:17:01 作者:傲雪星楓
這篇文章主要介紹了js實現(xiàn)可兼容IE、FF、Chrome、Opera及Safari的音樂播放器,通過自定義javascript函數(shù)audioplayer實現(xiàn)兼容各常見瀏覽器的音樂播放功能,非常具有實用價值,需要的朋友可以參考下
本文實例講述了js實現(xiàn)可兼容IE、FF、Chrome、Opera及Safari的音樂播放器。分享給大家供大家參考。具體實現(xiàn)方法如下:
/** 音樂播放器 * @param obj 播放器id * @param file 音頻文件 mp3: ogg: * @param loop 是否循環(huán) */ 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程序設(shè)計有所幫助。
相關(guān)文章
javascript對select標(biāo)簽的控制(option選項/select)
html中的select標(biāo)簽,也是asp.net中的asp:DropDownList控件,接下來介紹javascript對select標(biāo)簽的控制,感興趣的朋友可以了解下,或許本文對你有所幫助2013-01-01JavaScript 聯(lián)動的無限級封裝類,數(shù)據(jù)采用非Ajax方式,隨意添加聯(lián)動
JavaScript 聯(lián)動的無限級封裝類,數(shù)據(jù)采用非Ajax方式,隨意添加聯(lián)動2010-06-06JS實現(xiàn)table表格固定表頭且表頭隨橫向滾動而滾動
這篇文章主要介紹了JS實現(xiàn)table表格固定表頭且表頭可以隨橫向滾動而滾動,需要的朋友可以參考下2017-10-10史上最全JavaScript數(shù)組去重的十種方法(推薦)
這篇文章主要介紹了JavaScript數(shù)組去重的十種方法,利用元素的屬性和特性進(jìn)行不同的去重方法,并實例演示如何測試去重超大數(shù)組,具體操作步驟大家可查看下文的詳細(xì)講解,感興趣的小伙伴們可以參考一下。2017-08-08