使用 javascript 禁用媒体控制键

Question

我正在使用 javascript（没有 jQuery）在网站上构建一个类似键盘的应用程序，但是每次单击图像时都会播放/暂停声音文件，而不是播放一个音符。我已经设法让它工作，但仍有一件事困扰着我。也就是说，在使用 Chrome 时，仍然可以通过使用键盘上的媒体控件来播放和/或暂停其中一个音频文件。我不打算自定义或了解此功能，我只想为我的网站禁用它。这可能吗？

Answer 1

Media Session API 可让您侦听媒体键事件并在所述事件上执行任意代码：

navigator.mediaSession.setActionHandler('play', function() { /* Code excerpted. */ });
navigator.mediaSession.setActionHandler('pause', function() { /* Code excerpted. */ });
navigator.mediaSession.setActionHandler('seekbackward', function() { /* Code excerpted. */ });
navigator.mediaSession.setActionHandler('seekforward', function() { /* Code excerpted. */ });
navigator.mediaSession.setActionHandler('previoustrack', function() { /* Code excerpted. */ });
navigator.mediaSession.setActionHandler('nexttrack', function() { /* Code excerpted. */ });

为了防止媒体键控件摆弄您的元素，请将代码块留空：

navigator.mediaSession.setActionHandler('play', function() {});