在瀏覽器中捕獲媒體鍵事件

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/也許他會和你分享源代碼