How to get rid of "media playing" notification shown by Chrome on Android?

Question

My HTML5 game has some background music that uses Howler.js in "html5" mode, which apparently triggers Chrome for Android's media playback notifications. This means a notification appears while the user has my game open in any tab:

The game is a good citizen and pauses the music while the tab is not in focus, so there is no need for this notification. It's even actively confusing, because the user can pause and resume the game's background music without being in the game. But I can't find a way to get rid of the notification.

I tried calling stop() instead of pause() or mute() on the music object, but this doesn't remove the notification.

Looking a bit deeper, I discovered the experimental MediaSession API (W3C draft) which supposedly can be used to control the notification. But, if I understand correctly, it offers no way to disable it outright!

I tried this at the start of my application:

if (typeof navigator.mediaSession == 'object') {
  navigator.mediaSession.playbackState = 'none'
}

However, this only sets the declared playback state (in spec terminology). And setting that to 'none' has no effect:

The actual playback state is computed in the following way:

• If the declared playback state is "playing", return "playing".
• Otherwise, return the guessed playback state.

And the guessed playback state is something I have no control over; it's derived by the browser based on the state of <audio> elements on the page.

Is there a possibility that I'm overlooking, or is this just an oversight in the current MediaSession specification?

Answer 1

这可能就是您正在寻找的。

如果您可以在 5 秒内循环播放音乐（就像 NES 时代那样），通知将不会显示它。

否则，使用不带“音频”元素的 Web 音频 API。因此，使用流。

否则，“使用 audio.src = '' 关闭媒体通知。” 参考