javascript - 使用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() {});