この記事では、IE、FF、Chrome、Opera、Safariと互換性のある音楽プレーヤーの実装について説明します。参照のためにそれを共有してください。特定の実装方法は次のとおりです。
/ **音楽プレーヤー* @param objプレーヤーID* @paramファイルオーディオファイルmp3:ogg:* @param loop to 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.createelment( 'bgsound'); player.id = id; player.src = file ['mp3']; player.setattribute( 'autostart'、 'true'); if(loop){player.setattribute( 'loop'、 'infinite'); } document.body.appendChild(player); } else {//その他の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プログラミングに役立つことを願っています。