下图是网易云音乐 music.163.com 网页版播放时,浏览器的小窗播放界面,可以暂停/播放、下一首/上一首
下图是我自己写的 HTML ,浏览器只给出了一个暂停/播放的接口
然后我前前后后翻了 MDN <video> <audio>
的文档,都没发现有提到如何设置下一个/上一个播放源
player.onended = (event) => player.src = 'xxx'
这种前端魔法根本不行,浏览器不认上一首/下一首的API
这个API,提供了几个事件,你绑定一下已经写好的函数就行
https://developer.mozilla.org/en-US/docs/Web/API/Media_Session_API
把歌曲存在列表中,用一个标志去标记当前播放的歌曲的下标, 当点击上一首或下一首按钮时, 让其减一或者加一
上一首 下一首自己管理 切换 audio的 src