js简易版歌单播放，可切换下一首
生活随笔
收集整理的這篇文章主要介紹了
js简易版歌单播放，可切换下一首
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
?可暫停 可點擊切換上一首下一首 同時變動歌曲名字
新手小白版 還沒有實現(xiàn)列表功能
如果需要兼容所有瀏覽器? 在<audio> 元素中使用?<source>?元素???<source> 元素可以鏈接到不同的音頻文件 瀏覽器將使用第一個可識別的音頻文件格式
<body><audio controls><source id="sour" src="http://m801.music.126.net/20210821210705/83da1af2609b4acc027dbce2ca7ba4c5/jdyyaac/obj/ w5rDlsOJwrLDjj7CmsOj/10421880906/7365/6e5b/357a/2ecc4d916b236ad2e27e30650e0c373c.m4a" type="audio/ogg"></source></audio><br><button id="prev">上一首</button><button id="next">下一首</button><p id="p">歌名</p><script>var prev = document.getElementById('prev');var audio = document.querySelector('audio');var next = document.getElementById('next');var p = document.getElementById('p');// var sour = document.getElementById('sour');next.onclick = function() {audio.src = 'http://m801.music.126.net/20210821210000/81f40903a15983f99f7be77b30cdd2a3/jdyyaac/obj/w5rDlsOJwrLDjj7CmsOj/8915433530/49d0/0045/8c4c/8506b4bec58cf3e5dcf0a2a0d6828ac4.m4a';p.innerHTML = '樓頂上的小斑鳩';}prev.onclick = function() {audio.src = 'http://m801.music.126.net/20210821210705/83da1af2609b4acc027dbce2ca7ba4c5/jdyyaac/obj/w5rDlsOJwrLDjj7CmsOj/10421880906/7365/6e5b/357a/2ecc4d916b236ad2e27e30650e0c373c.m4a';p.innerHTML = '全名';}</script> </body>總結(jié)
以上是生活随笔為你收集整理的js简易版歌单播放，可切换下一首的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： C语言简易程序设计————11、打印楼梯
- 下一篇： 通过javascript获取sharep