Global Hotkeys via Media Session

Looks like it is indeed possible to have yet another form of global hotkeys. We can start a media session and pretend we are playing music, at which point the browser will forward any key presses of the media keys on your keyboard (or any other way of pausing, playing, skipping, ... the current song, such as pressing buttons on your headphones) to custom JavaScript code you can execute:

https://developer.mozilla.org/en-US/docs/Web/API/MediaSession

if ('mediaSession' in navigator){
  navigator.mediaSession.metadata = new MediaMetadata({
    title: "Podcast Episode Title",
    artist: "Podcast Host",
    album: "Podcast Name",
    artwork: [{src: "podcast.jpg"}]
  });
  navigator.mediaSession.setActionHandler('play', function() {});
  navigator.mediaSession.setActionHandler('pause', function() {});
  navigator.mediaSession.setActionHandler('seekbackward', function() {});
  navigator.mediaSession.setActionHandler('seekforward', function() {});
  navigator.mediaSession.setActionHandler('previoustrack', function() {});
  navigator.mediaSession.setActionHandler('nexttrack', function() {});
}

Seems like you may need to play some actual audio or so for this to work.

Beginne mit der verlinkten MDN MediaSession-Dokumentation und überprüfe die Browserunterstützung, einschließlich der Frage, ob aktives Audio erforderlich ist. Suche anschließend den vorhandenen Einstiegspunkt für globale Hotkeys der Anwendung und ermittle, wie Medienaktionen damit verbunden werden sollen. Die Aufgabe ist abgeschlossen, wenn unterstützte Medien-Tastenaktionen zuverlässig die vorgesehenen Handler aufrufen.