设为首页 收藏本站 订阅本站

blogger

兼容各大浏览器的JS音乐播放器

cache 发布于 程序源码 2017-02-22 [ 1605 ] 次浏览 [ 0 ] 条评论

标签: 播放器

HTML5的Audio标签,目前的主流浏览器都支持,只不过各种浏览器对音频的支持的格式不同,当前,audio 元素支持三种音频格式:

IE 9 支持 MP3

Firefox 3.5 支持 Ogg Vorbis、Wav

Opera 10.5 支持 Ogg Vorbis、Wav

Chrome 3.0 支持 Ogg Vorbis、MP3

以下是兼容手机、PC、IOS的播放器代码

<!DOCTYPE HTML>
    <meta http-equiv="content-type" content="text/html;charset=utf-8" />
    <html>
    <body>
     
    <audio id="audio" loop="loop" src="jiangnan.mp3"></audio>
     
    <script type="text/javascript">
    function play()
    {
        var audio=document.getElementById("audio");
        audio.play();//播放
    }
    function pause()
    {
        var audio=document.getElementById("audio");
        audio.pause();//暂停
    }
    window.onload = function()
    {
        var buttons=document.getElementById("buttons");
        buttons.style.display = 'block';
    }
     
    </script>
     
    <div id="buttons" style="display:none">
    <input type="button" value="播放" onclick="play()" />
    <input type="button" value="暂停" onclick="pause()" />
    </div>
    </body>
    </html>

 

兼容各大浏览器的JS音乐播放器:等您坐沙发呢!

发表评论