HTML5 浏览器控制音频媒体播放切换上一首和下一首 是如何实现的

下图是网易云音乐 music.163.com 网页版播放时,浏览器的小窗播放界面,可以暂停/播放、下一首/上一首

img

下图是我自己写的 HTML ,浏览器只给出了一个暂停/播放的接口

img

然后我前前后后翻了 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