HTML音乐播放——切歌

最新推荐文章于 2022-03-16 12:49:44 发布

weixin_30699463

最新推荐文章于 2022-03-16 12:49:44 发布

阅读量734

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/AndyHoo/p/6117457.html

版权

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script type="text/javascript" src="js/jquery.min.js" ></script>
        <script>
        $(function(){
            $("#next").click(next);
        });
        </script>
    </head>
    <body>
        <div id="bar">
            <embed id="embedPlay" src="img/刘德华 - 一起走过的日子.mp3" autostart="true"></embed>
        </div>
        <script>
            // 使用JQuery选择标签，则切歌后两首歌一起播放，用JS挺好
            var eBar = document.getElementById("bar");
            var elm = document.getElementById("embedPlay");
            var strNextSong = "img/刘德华 - 我恨我痴心.mp3";
            var strNextHtml='<embed id="embedPlay" src="img/刘德华 - 我恨我痴心.mp3" autostart="true"></embed>';
            var jqElm = $("#embedPlay");
            function play(){
                elm.play();
            }
            function stop(){
                elm.stop();
            }
            function pause(){
                elm.pause();
            }
            function next(){
                elm.stop();
                eBar.innerHTML=strNextHtml;
            }
        </script>
        <input type="button" value="開始" onclick="play()" />
        <input type="button" value="停止" onclick="stop()" />
        <input type="button" value="暫停" onclick="pause()" />
        <input id="next" type="button" value="切歌"/>
    </body>
</html>