mirror of
https://github.com/videojs/video.js.git
synced 2025-01-08 07:00:10 +02:00
move to separate file
This commit is contained in:
mister-ben
parent
768ef787d7
commit
9be74c3e74
112
src/js/mediasession.js
Normal file
112
src/js/mediasession.js
Normal file
@ -0,0 +1,112 @@
|
|||||||
|
import window from 'global/window';
|
||||||
|
import {getMimetype} from './utils/mimetypes';
|
||||||
|
|
||||||
|
/**
|
||||||
|
*
|
||||||
|
* Sets up media session if supported and configured
|
||||||
|
*
|
||||||
|
* @this Player
|
||||||
|
*/
|
||||||
|
export const initMediaSession = function() {
|
||||||
|
if (!this.options_.mediaSession || !('mediaSession' in window.navigator)) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
const ms = window.navigator.mediaSession;
|
||||||
|
const skipTime = this.options_.mediaSession.skipTime || 15;
|
||||||
|
|
||||||
|
const actionHandlers = [
|
||||||
|
['play', () => {
|
||||||
|
this.play();
|
||||||
|
}],
|
||||||
|
['pause', () => {
|
||||||
|
this.pause();
|
||||||
|
}],
|
||||||
|
['stop', () => {
|
||||||
|
this.pause();
|
||||||
|
this.currentTime(0);
|
||||||
|
}],
|
||||||
|
['seekbackward', (details) => {
|
||||||
|
if (this.usingPlugin('ads') && this.ads.inAdBreak()) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
this.currentTime(Math.max(0, this.currentTime() - (details.skipOffset || skipTime)));
|
||||||
|
}],
|
||||||
|
['seekforward', (details) => {
|
||||||
|
if (this.usingPlugin('ads') && this.ads.inAdBreak()) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
this.currentTime(Math.min(this.duration(), this.currentTime() + (details.skipOffset || skipTime)));
|
||||||
|
}],
|
||||||
|
['seekto', (details) => {
|
||||||
|
if (this.usingPlugin('ads') && this.ads.inAdBreak()) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
this.currentTime(details.seekTime);
|
||||||
|
}]
|
||||||
|
];
|
||||||
|
|
||||||
|
for (const [action, handler] of actionHandlers) {
|
||||||
|
try {
|
||||||
|
ms.setActionHandler(action, handler);
|
||||||
|
} catch (error) {
|
||||||
|
this.log.debug(`Couldn't register media session action "${action}".`);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const setUpMediaSessionPlaylist = () => {
|
||||||
|
try {
|
||||||
|
ms.setActionHandler('previoustrack', () => {
|
||||||
|
this.playlist.previous();
|
||||||
|
});
|
||||||
|
ms.setActionHandler('nexttrack', () => {
|
||||||
|
this.playlist.next();
|
||||||
|
});
|
||||||
|
} catch (error) {
|
||||||
|
this.log('Couldn\'t register playlist media session actions.');
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
// Only setup playlist handlers if / when playlist plugin is present
|
||||||
|
if (this.usingPlugin('playlist')) {
|
||||||
|
setUpMediaSessionPlaylist();
|
||||||
|
} else {
|
||||||
|
this.on('pluginsetup:playlist', setUpMediaSessionPlaylist);
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @fires Player#updatemediasession
|
||||||
|
*/
|
||||||
|
const updateMediaSession = () => {
|
||||||
|
this.log('updatems');
|
||||||
|
const currentMedia = this.getMedia();
|
||||||
|
const playlistItem = this.usingPlugin('playlist') ? Object.assign({}, this.playlist()[this.playlist.currentItem()]) : {};
|
||||||
|
const mediaSessionData = {
|
||||||
|
artwork: currentMedia.artwork || playlistItem.artwork || this.poster() ? [{
|
||||||
|
src: this.poster(),
|
||||||
|
type: getMimetype(this.poster())
|
||||||
|
}] : [],
|
||||||
|
title: currentMedia.title || playlistItem.name || '',
|
||||||
|
artist: currentMedia.artist || playlistItem.artist || '',
|
||||||
|
album: currentMedia.album || playlistItem.album || ''
|
||||||
|
};
|
||||||
|
|
||||||
|
// This allows the metadata to be updated before being set, e.g. if loadmedia() is not used.
|
||||||
|
this.trigger('updatemediasession', mediaSessionData);
|
||||||
|
|
||||||
|
ms.metadata = new window.MediaMetadata(mediaSessionData);
|
||||||
|
};
|
||||||
|
|
||||||
|
const updatePositionState = () => {
|
||||||
|
ms.setPositionState({
|
||||||
|
duration: this.duration(),
|
||||||
|
playbackRate: this.playbackRate(),
|
||||||
|
position: this.currentTime()
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
this.on('playing', updateMediaSession);
|
||||||
|
|
||||||
|
if ('setPositionState' in ms) {
|
||||||
|
this.on(['playing', 'seeked', 'ratechange'], updatePositionState);
|
||||||
|
}
|
||||||
|
};
|
||||||
101
src/js/player.js
101
src/js/player.js
@ -35,6 +35,7 @@ import {getMimetype, findMimetype} from './utils/mimetypes';
|
|||||||
import {hooks} from './utils/hooks';
|
import {hooks} from './utils/hooks';
|
||||||
import {isObject} from './utils/obj';
|
import {isObject} from './utils/obj';
|
||||||
import keycode from 'keycode';
|
import keycode from 'keycode';
|
||||||
|
import { initMediaSession } from './mediasession.js';
|
||||||
|
|
||||||
// The following imports are used only to ensure that the corresponding modules
|
// The following imports are used only to ensure that the corresponding modules
|
||||||
// are always included in the video.js package. Importing the modules will
|
// are always included in the video.js package. Importing the modules will
|
||||||
@ -583,106 +584,8 @@ class Player extends Component {
|
|||||||
this.audioOnlyMode(this.options_.audioOnlyMode);
|
this.audioOnlyMode(this.options_.audioOnlyMode);
|
||||||
});
|
});
|
||||||
|
|
||||||
if (options.mediaSession && 'mediaSession' in window.navigator) {
|
initMediaSession.bind(this)();
|
||||||
const ms = window.navigator.mediaSession;
|
|
||||||
const skipTime = options.mediaSession.skipTime || 15;
|
|
||||||
|
|
||||||
const actionHandlers = [
|
|
||||||
['play', () => {
|
|
||||||
this.play();
|
|
||||||
}],
|
|
||||||
['pause', () => {
|
|
||||||
this.pause();
|
|
||||||
}],
|
|
||||||
['stop', () => {
|
|
||||||
this.pause();
|
|
||||||
this.currentTime(0);
|
|
||||||
}],
|
|
||||||
['seekbackward', (details) => {
|
|
||||||
if (this.usingPlugin('ads') && this.ads.inAdBreak()) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
this.currentTime(Math.max(0, this.currentTime() - (details.skipOffset || skipTime)));
|
|
||||||
}],
|
|
||||||
['seekforward', (details) => {
|
|
||||||
if (this.usingPlugin('ads') && this.ads.inAdBreak()) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
this.currentTime(Math.min(this.duration(), this.currentTime() + (details.skipOffset || skipTime)));
|
|
||||||
}],
|
|
||||||
['seekto', (details) => {
|
|
||||||
if (this.usingPlugin('ads') && this.ads.inAdBreak()) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
this.currentTime(details.seekTime);
|
|
||||||
}]
|
|
||||||
];
|
|
||||||
|
|
||||||
for (const [action, handler] of actionHandlers) {
|
|
||||||
try {
|
|
||||||
ms.setActionHandler(action, handler);
|
|
||||||
} catch (error) {
|
|
||||||
this.log.debug(`Couldn't register media session action "${action}".`);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
const setUpMediaSessionPlaylist = () => {
|
|
||||||
try {
|
|
||||||
ms.setActionHandler('previoustrack', () => {
|
|
||||||
this.playlist.previous();
|
|
||||||
});
|
|
||||||
ms.setActionHandler('nexttrack', () => {
|
|
||||||
this.playlist.next();
|
|
||||||
});
|
|
||||||
} catch (error) {
|
|
||||||
this.log('Couldn\'t register playlist media session actions.');
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
// Only setup playlist handlers if / when playlist plugin is present
|
|
||||||
if (this.usingPlugin('playlist')) {
|
|
||||||
setUpMediaSessionPlaylist();
|
|
||||||
} else {
|
|
||||||
this.on('pluginsetup:playlist', setUpMediaSessionPlaylist);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* @fires Player#updatemediasession
|
|
||||||
*/
|
|
||||||
const updateMediaSession = () => {
|
|
||||||
this.log('updatems');
|
|
||||||
const currentMedia = this.getMedia();
|
|
||||||
const playlistItem = this.usingPlugin('playlist') ? Object.assign({}, this.playlist()[this.playlist.currentItem()]) : {};
|
|
||||||
const mediaSessionData = {
|
|
||||||
artwork: currentMedia.artwork || playlistItem.artwork || this.poster() ? [{
|
|
||||||
src: this.poster(),
|
|
||||||
type: getMimetype(this.poster())
|
|
||||||
}] : [],
|
|
||||||
title: currentMedia.title || playlistItem.name || '',
|
|
||||||
artist: currentMedia.artist || playlistItem.artist || '',
|
|
||||||
album: currentMedia.album || playlistItem.album || ''
|
|
||||||
};
|
|
||||||
|
|
||||||
// This allows the metadata to be updated before being set, e.g. if loadmedia() is not used.
|
|
||||||
this.trigger('updatemediasession', mediaSessionData);
|
|
||||||
|
|
||||||
ms.metadata = new window.MediaMetadata(mediaSessionData);
|
|
||||||
};
|
|
||||||
|
|
||||||
const updatePositionState = () => {
|
|
||||||
ms.setPositionState({
|
|
||||||
duration: this.duration(),
|
|
||||||
playbackRate: this.playbackRate(),
|
|
||||||
position: this.currentTime()
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|
||||||
this.on('playing', updateMediaSession);
|
|
||||||
|
|
||||||
if ('setPositionState' in ms) {
|
|
||||||
this.on(['playing', 'seeked', 'ratechange'], updatePositionState);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user