HTML5 下一个和上一个音频使用来自 Chrome 的通知

Question

我正在开发音乐播放器。 我成功地能够从 url 播放音频并获得播放音乐的通知。

我可以使用播放/暂停按钮来播放/暂停音乐（它会自动工作），但我不知道如何实现下一个和上一个按钮。 我正在使用最新版本的 Chrome (84.0.4147.89)。

[编辑 1]

最小可重现代码：

<html>
      <head>
        <title>Xt3m1xMus1c</title>
      </head>
      <body>
        <audio id="song" src="https://www.soundhelix.com/examples/mp3/SoundHelix-Song-1.mp3" autoplay></audio>
      </body>
      <script>
          function nextSong() {
             // Need to call this function when I press the next button on the notification
             document.getElementById("song").setAttribute('src', "https://www.soundhelix.com/examples/mp3/SoundHelix-Song-2.mp3");
          }
      </script>
</html>

Answer 1

这些按钮可以通过媒体 Session API进行控制。 要实现上一个和下一个按钮，您需要设置相应的操作处理程序。

navigator.mediaSession.setActionHandler(
    'nexttrack',
    () => { /* Your code to play the next track. */ }
);
navigator.mediaSession.setActionHandler(
    'previoustrack',
    () => { /* Your code to play the previous track. */ }
);

但我认为图片中显示的按钮是'seekbackward'和'seekforward'按钮。

HTML5 下一个和上一个音频使用来自 Chrome 的通知

问题描述

1 个解决方案

解决方案1
1 已采纳 2020-07-08 20:02:25

HTML5 下一个和上一个音频使用来自 Chrome 的通知

问题描述

1 个解决方案

解决方案1 1 已采纳 2020-07-08 20:02:25

解决方案1
1 已采纳 2020-07-08 20:02:25