r4sas/tweb-i2p
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Fix media session on old Chrome versions

Browse Source
This commit is contained in:
morethanwords 2021-09-25 11:47:05 +04:00
parent 03c6a7660e
commit 7c4a8b4bbe
1 changed files with 38 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

60
src/components/appMediaPlaybackController.ts
View File

@ -69,32 +69,48 @@ class AppMediaPlaybackController {
document.body.append(this.container);
if(navigator.mediaSession) {
navigator.mediaSession.setActionHandler('play', this.play);
navigator.mediaSession.setActionHandler('pause', this.pause);
navigator.mediaSession.setActionHandler('stop', this.stop);
navigator.mediaSession.setActionHandler('seekbackward', (details) => {
const media = this.playingMedia
if(media) {
media.currentTime = Math.max(0, media.currentTime - (details.seekOffset || SEEK_OFFSET));
const actions: {[action in MediaSessionAction]?: MediaSessionActionHandler} = {
play: this.play,
pause: this.pause,
stop: this.stop,
seekbackward: this.seekBackward,
seekforward: this.seekForward,
seekto: this.seekTo,
previoustrack: this.previous,
nexttrack: this.next
};
for(const action in actions) {
try {
navigator.mediaSession.setActionHandler(action as MediaSessionAction, actions[action as MediaSessionAction]);
} catch(err) {
console.warn('MediaSession action is not supported:', action);
}
});
navigator.mediaSession.setActionHandler('seekforward', (details) => {
const media = this.playingMedia
if(media) {
media.currentTime = Math.min(media.duration, media.currentTime + (details.seekOffset || SEEK_OFFSET));
}
});
navigator.mediaSession.setActionHandler('seekto', (details) => {
const media = this.playingMedia
if(media) {
media.currentTime = details.seekTime;
}
});
navigator.mediaSession.setActionHandler('previoustrack', this.previous);
navigator.mediaSession.setActionHandler('nexttrack', this.next);
}
}
}
public seekBackward = (details: MediaSessionActionDetails) => {
const media = this.playingMedia
if(media) {
media.currentTime = Math.max(0, media.currentTime - (details.seekOffset || SEEK_OFFSET));
}
};
public seekForward = (details: MediaSessionActionDetails) => {
const media = this.playingMedia
if(media) {
media.currentTime = Math.min(media.duration, media.currentTime + (details.seekOffset || SEEK_OFFSET));
}
};
public seekTo = (details: MediaSessionActionDetails) => {
const media = this.playingMedia
if(media) {
media.currentTime = details.seekTime;
}
};
public addMedia(peerId: number, doc: MyDocument, mid: number, autoload = true): HTMLMediaElement {
const storage = this.media[peerId] ?? (this.media[peerId] = {});
if(storage[mid]) return storage[mid];