在浏览器中捕获媒体键事件

Question

如今，许多键盘上都有媒体控制键：播放/暂停、下一首、上一首等。

我不是在这里谈论 F1-F12 键，顺便说一句

是否可以在浏览器的网页中捕获这些媒体键上的按键并对其做出反应？ 我的基本测试表明它们不会在window对象上触发 keypress 事件。

内置解决方案显然会很棒，但对于我的情况，即使是扩展也可以。 是否可以编写一个可以做到这一点的 Firefox/Chrome 插件？

Answer 1

目前， 一些浏览器具有Media Session API来处理一些媒体键事件。

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

也可以使用playbackState访问器访问当前播放状态，即

navigator.mediaSession.playbackState; //"paused" or "playing"

Answer 2

是的，它是可行的，并且已经完成了http://smus.com/chrome-media-keys/也许他会和你分享源代码