音乐播放

Posted tqzuy

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了音乐播放相关的知识,希望对你有一定的参考价值。

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<audio  controls>
    <source src=""  type="audio/mp3">
</audio>
<p>
    <select οnclick="getinfo()" name="sel" id="sel" size="8" style="width: 300px;">
        <option>薛之谦 - 意外.mp3</option>
        <option>朴树 - 平凡之路.mp3</option>
        <option>jiaru.mp3</option>
        <option>yinweiwoaini.mp3</option>
        <option>张学友 - 一千个伤心的理由.mp3</option>
        <option>心愿.mp3</option>
        <option>高梨康治 (たかなし やすはる) - 邪心を焼く炎 (焚烧邪心的火焰).mp3</option>
    </select>
    <input type="button" οnclick="playall()" value="全部依次循环播放"/>
</p>
<script>
    var num=0;


    function playall()
        if(num>=document.getElementById("sel").options.length)
            num=0;
        var au=document.getElementsByTagName("audio")[0];
        au.src="mp3/"+document.getElementById("sel").options[num].text;
        num++;
        au.load();
        au.play();
   


    //    document.getElementsByTagName("audio")[0].οnended=playall;
    document.getElementsByTagName("audio")[0].addEventListener("ended", playall);


    function getinfo()
//        document.getElementById("sel").value;


//        alert(document.getElementsByTagName("audio")[0].getElementsByTagName("source")[0].src)
        document.getElementsByTagName("audio")[0].getElementsByTagName("source")[0].src = "mp3/"+document.getElementById("sel").value;
        document.getElementsByTagName("audio")[0].load();
        document.getElementsByTagName("audio")[0].play();
   
</script>
</body>
</html>

以上是关于音乐播放的主要内容,如果未能解决你的问题,请参考以下文章

跑步音乐推荐:送你8首中文歌

音乐播放器没有声音怎么办?

微信小程序音乐播放器怎么使用网页音乐

linux下用啥命令来播放音乐阿?

android音乐播放器加载本地音乐失败

html播放音乐代码