mirror of
https://github.com/jellyfin/jellyfin-web.git
synced 2024-11-18 11:28:23 -07:00
1042 lines
29 KiB
JavaScript
1042 lines
29 KiB
JavaScript
define(['appSettings', 'playbackManager', 'connectionManager', 'globalize', 'events'], function (appSettings, playbackManager, connectionManager, globalize, events) {
|
|
'use strict';
|
|
|
|
// Based on https://github.com/googlecast/CastVideos-chrome/blob/master/CastVideos.js
|
|
var currentResolve;
|
|
var currentReject;
|
|
|
|
var PlayerName = 'Chromecast';
|
|
|
|
function sendConnectionResult(isOk) {
|
|
|
|
var resolve = currentResolve;
|
|
var reject = currentReject;
|
|
|
|
currentResolve = null;
|
|
currentReject = null;
|
|
|
|
if (isOk) {
|
|
if (resolve) {
|
|
resolve();
|
|
}
|
|
} else {
|
|
if (reject) {
|
|
reject();
|
|
} else {
|
|
playbackManager.removeActivePlayer(PlayerName);
|
|
}
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Constants of states for Chromecast device
|
|
**/
|
|
var DEVICE_STATE = {
|
|
'IDLE': 0,
|
|
'ACTIVE': 1,
|
|
'WARNING': 2,
|
|
'ERROR': 3
|
|
};
|
|
|
|
/**
|
|
* Constants of states for CastPlayer
|
|
**/
|
|
var PLAYER_STATE = {
|
|
'IDLE': 'IDLE',
|
|
'LOADING': 'LOADING',
|
|
'LOADED': 'LOADED',
|
|
'PLAYING': 'PLAYING',
|
|
'PAUSED': 'PAUSED',
|
|
'STOPPED': 'STOPPED',
|
|
'SEEKING': 'SEEKING',
|
|
'ERROR': 'ERROR'
|
|
};
|
|
|
|
var applicationID = "2D4B1DA3";
|
|
|
|
// This is the beta version used for testing new changes
|
|
|
|
//applicationID = '27C4EB5B';
|
|
|
|
var messageNamespace = 'urn:x-cast:com.connectsdk';
|
|
|
|
var CastPlayer = function () {
|
|
|
|
/* device variables */
|
|
// @type {DEVICE_STATE} A state for device
|
|
this.deviceState = DEVICE_STATE.IDLE;
|
|
|
|
/* Cast player variables */
|
|
// @type {Object} a chrome.cast.media.Media object
|
|
this.currentMediaSession = null;
|
|
|
|
// @type {string} a chrome.cast.Session object
|
|
this.session = null;
|
|
// @type {PLAYER_STATE} A state for Cast media player
|
|
this.castPlayerState = PLAYER_STATE.IDLE;
|
|
|
|
this.hasReceivers = false;
|
|
|
|
// bind once - commit 2ebffc2271da0bc5e8b13821586aee2a2e3c7753
|
|
this.errorHandler = this.onError.bind(this);
|
|
this.mediaStatusUpdateHandler = this.onMediaStatusUpdate.bind(this);
|
|
|
|
this.initializeCastPlayer();
|
|
};
|
|
|
|
/**
|
|
* Initialize Cast media player
|
|
* Initializes the API. Note that either successCallback and errorCallback will be
|
|
* invoked once the API has finished initialization. The sessionListener and
|
|
* receiverListener may be invoked at any time afterwards, and possibly more than once.
|
|
*/
|
|
CastPlayer.prototype.initializeCastPlayer = function () {
|
|
|
|
var chrome = window.chrome;
|
|
|
|
if (!chrome) {
|
|
return;
|
|
}
|
|
|
|
if (!chrome.cast || !chrome.cast.isAvailable) {
|
|
|
|
setTimeout(this.initializeCastPlayer.bind(this), 1000);
|
|
return;
|
|
}
|
|
|
|
// request session
|
|
var sessionRequest = new chrome.cast.SessionRequest(applicationID);
|
|
var apiConfig = new chrome.cast.ApiConfig(sessionRequest,
|
|
this.sessionListener.bind(this),
|
|
this.receiverListener.bind(this),
|
|
"origin_scoped");
|
|
|
|
console.log('chromecast.initialize');
|
|
|
|
chrome.cast.initialize(apiConfig, this.onInitSuccess.bind(this), this.errorHandler);
|
|
|
|
};
|
|
|
|
/**
|
|
* Callback function for init success
|
|
*/
|
|
CastPlayer.prototype.onInitSuccess = function () {
|
|
this.isInitialized = true;
|
|
console.log("chromecast init success");
|
|
};
|
|
|
|
/**
|
|
* Generic error callback function
|
|
*/
|
|
CastPlayer.prototype.onError = function () {
|
|
console.log("chromecast error");
|
|
};
|
|
|
|
/**
|
|
* @param {!Object} e A new session
|
|
* This handles auto-join when a page is reloaded
|
|
* When active session is detected, playback will automatically
|
|
* join existing session and occur in Cast mode and media
|
|
* status gets synced up with current media of the session
|
|
*/
|
|
CastPlayer.prototype.sessionListener = function (e) {
|
|
|
|
this.session = e;
|
|
if (this.session) {
|
|
|
|
console.log('sessionListener ' + JSON.stringify(e));
|
|
|
|
if (this.session.media[0]) {
|
|
this.onMediaDiscovered('activeSession', this.session.media[0]);
|
|
}
|
|
|
|
this.onSessionConnected(e);
|
|
}
|
|
};
|
|
|
|
function alertText(text, title) {
|
|
require(['alert'], function (alert) {
|
|
alert({
|
|
text: text,
|
|
title: title
|
|
});
|
|
});
|
|
}
|
|
|
|
CastPlayer.prototype.messageListener = function (namespace, message) {
|
|
|
|
if (typeof (message) === 'string') {
|
|
message = JSON.parse(message);
|
|
}
|
|
|
|
if (message.type === 'playbackerror') {
|
|
|
|
var errorCode = message.data;
|
|
|
|
setTimeout(function () {
|
|
alertText(globalize.translate('MessagePlaybackError' + errorCode), globalize.translate('HeaderPlaybackError'));
|
|
}, 300);
|
|
|
|
}
|
|
else if (message.type === 'connectionerror') {
|
|
|
|
setTimeout(function () {
|
|
alertText(globalize.translate('MessageChromecastConnectionError'), globalize.translate('HeaderError'));
|
|
}, 300);
|
|
|
|
}
|
|
else if (message.type) {
|
|
events.trigger(this, message.type, [message.data]);
|
|
}
|
|
};
|
|
|
|
/**
|
|
* @param {string} e Receiver availability
|
|
* This indicates availability of receivers but
|
|
* does not provide a list of device IDs
|
|
*/
|
|
CastPlayer.prototype.receiverListener = function (e) {
|
|
|
|
if (e === 'available') {
|
|
console.log("chromecast receiver found");
|
|
this.hasReceivers = true;
|
|
}
|
|
else {
|
|
console.log("chromecast receiver list empty");
|
|
this.hasReceivers = false;
|
|
}
|
|
};
|
|
|
|
/**
|
|
* session update listener
|
|
*/
|
|
CastPlayer.prototype.sessionUpdateListener = function (isAlive) {
|
|
|
|
console.log('sessionUpdateListener alive: ' + isAlive);
|
|
|
|
if (isAlive) {
|
|
}
|
|
else {
|
|
this.session = null;
|
|
this.deviceState = DEVICE_STATE.IDLE;
|
|
this.castPlayerState = PLAYER_STATE.IDLE;
|
|
|
|
console.log('sessionUpdateListener: setting currentMediaSession to null');
|
|
this.currentMediaSession = null;
|
|
|
|
sendConnectionResult(false);
|
|
}
|
|
};
|
|
|
|
/**
|
|
* Requests that a receiver application session be created or joined. By default, the SessionRequest
|
|
* passed to the API at initialization time is used; this may be overridden by passing a different
|
|
* session request in opt_sessionRequest.
|
|
*/
|
|
CastPlayer.prototype.launchApp = function () {
|
|
console.log("chromecast launching app...");
|
|
chrome.cast.requestSession(this.onRequestSessionSuccess.bind(this), this.onLaunchError.bind(this));
|
|
};
|
|
|
|
/**
|
|
* Callback function for request session success
|
|
* @param {Object} e A chrome.cast.Session object
|
|
*/
|
|
CastPlayer.prototype.onRequestSessionSuccess = function (e) {
|
|
|
|
console.log("chromecast session success: " + e.sessionId);
|
|
this.onSessionConnected(e);
|
|
};
|
|
|
|
CastPlayer.prototype.onSessionConnected = function (session) {
|
|
|
|
this.session = session;
|
|
|
|
this.deviceState = DEVICE_STATE.ACTIVE;
|
|
|
|
this.session.addMessageListener(messageNamespace, this.messageListener.bind(this));
|
|
this.session.addMediaListener(this.sessionMediaListener.bind(this));
|
|
this.session.addUpdateListener(this.sessionUpdateListener.bind(this));
|
|
|
|
events.trigger(this, 'connect');
|
|
|
|
this.sendMessage({
|
|
options: {},
|
|
command: 'Identify'
|
|
});
|
|
};
|
|
|
|
/**
|
|
* session update listener
|
|
*/
|
|
CastPlayer.prototype.sessionMediaListener = function (e) {
|
|
|
|
console.log('sessionMediaListener');
|
|
this.currentMediaSession = e;
|
|
this.currentMediaSession.addUpdateListener(this.mediaStatusUpdateHandler);
|
|
};
|
|
|
|
/**
|
|
* Callback function for launch error
|
|
*/
|
|
CastPlayer.prototype.onLaunchError = function () {
|
|
console.log("chromecast launch error");
|
|
this.deviceState = DEVICE_STATE.ERROR;
|
|
|
|
sendConnectionResult(false);
|
|
};
|
|
|
|
/**
|
|
* Stops the running receiver application associated with the session.
|
|
*/
|
|
CastPlayer.prototype.stopApp = function () {
|
|
|
|
if (this.session) {
|
|
this.session.stop(this.onStopAppSuccess.bind(this, 'Session stopped'),
|
|
this.errorHandler);
|
|
}
|
|
|
|
};
|
|
|
|
/**
|
|
* Callback function for stop app success
|
|
*/
|
|
CastPlayer.prototype.onStopAppSuccess = function (message) {
|
|
console.log(message);
|
|
this.deviceState = DEVICE_STATE.IDLE;
|
|
this.castPlayerState = PLAYER_STATE.IDLE;
|
|
|
|
console.log('onStopAppSuccess: setting currentMediaSession to null');
|
|
this.currentMediaSession = null;
|
|
};
|
|
|
|
/**
|
|
* Loads media into a running receiver application
|
|
* @param {Number} mediaIndex An index number to indicate current media content
|
|
*/
|
|
CastPlayer.prototype.loadMedia = function (options, command) {
|
|
|
|
if (!this.session) {
|
|
console.log("no session");
|
|
return Promise.reject();
|
|
}
|
|
|
|
// Convert the items to smaller stubs to send the minimal amount of information
|
|
options.items = options.items.map(function (i) {
|
|
|
|
return {
|
|
Id: i.Id,
|
|
Name: i.Name,
|
|
Type: i.Type,
|
|
MediaType: i.MediaType,
|
|
IsFolder: i.IsFolder
|
|
};
|
|
});
|
|
|
|
return this.sendMessage({
|
|
options: options,
|
|
command: command
|
|
});
|
|
};
|
|
|
|
CastPlayer.prototype.sendMessage = function (message) {
|
|
|
|
var player = this;
|
|
|
|
var receiverName = null;
|
|
|
|
var session = player.session;
|
|
|
|
if (session && session.receiver && session.receiver.friendlyName) {
|
|
receiverName = session.receiver.friendlyName;
|
|
}
|
|
|
|
message = Object.assign(message, {
|
|
userId: ApiClient.getCurrentUserId(),
|
|
deviceId: ApiClient.deviceId(),
|
|
accessToken: ApiClient.accessToken(),
|
|
serverAddress: ApiClient.serverAddress(),
|
|
receiverName: receiverName
|
|
});
|
|
|
|
var bitrateSetting = appSettings.maxChromecastBitrate();
|
|
if (bitrateSetting) {
|
|
message.maxBitrate = bitrateSetting;
|
|
}
|
|
|
|
return new Promise(function (resolve, reject) {
|
|
|
|
require(['chromecasthelpers'], function (chromecasthelpers) {
|
|
|
|
chromecasthelpers.getServerAddress(ApiClient).then(function (serverAddress) {
|
|
message.serverAddress = serverAddress;
|
|
player.sendMessageInternal(message).then(resolve, reject);
|
|
|
|
}, reject);
|
|
});
|
|
});
|
|
};
|
|
|
|
CastPlayer.prototype.sendMessageInternal = function (message) {
|
|
|
|
message = JSON.stringify(message);
|
|
//console.log(message);
|
|
|
|
this.session.sendMessage(messageNamespace, message, this.onPlayCommandSuccess.bind(this), this.errorHandler);
|
|
return Promise.resolve();
|
|
};
|
|
|
|
CastPlayer.prototype.onPlayCommandSuccess = function () {
|
|
console.log('Message was sent to receiver ok.');
|
|
};
|
|
|
|
/**
|
|
* Callback function for loadMedia success
|
|
* @param {Object} mediaSession A new media object.
|
|
*/
|
|
CastPlayer.prototype.onMediaDiscovered = function (how, mediaSession) {
|
|
|
|
console.log("chromecast new media session ID:" + mediaSession.mediaSessionId + ' (' + how + ')');
|
|
this.currentMediaSession = mediaSession;
|
|
|
|
if (how === 'loadMedia') {
|
|
this.castPlayerState = PLAYER_STATE.PLAYING;
|
|
}
|
|
|
|
if (how === 'activeSession') {
|
|
this.castPlayerState = mediaSession.playerState;
|
|
}
|
|
|
|
this.currentMediaSession.addUpdateListener(this.mediaStatusUpdateHandler);
|
|
};
|
|
|
|
/**
|
|
* Callback function for media status update from receiver
|
|
* @param {!Boolean} e true/false
|
|
*/
|
|
CastPlayer.prototype.onMediaStatusUpdate = function (e) {
|
|
|
|
if (e === false) {
|
|
this.castPlayerState = PLAYER_STATE.IDLE;
|
|
}
|
|
console.log("chromecast updating media: " + e);
|
|
};
|
|
|
|
/**
|
|
* Set media volume in Cast mode
|
|
* @param {Boolean} mute A boolean
|
|
*/
|
|
CastPlayer.prototype.setReceiverVolume = function (mute, vol) {
|
|
|
|
if (!this.currentMediaSession) {
|
|
console.log('this.currentMediaSession is null');
|
|
return;
|
|
}
|
|
|
|
if (!mute) {
|
|
|
|
this.session.setReceiverVolumeLevel((vol || 1),
|
|
this.mediaCommandSuccessCallback.bind(this),
|
|
this.errorHandler);
|
|
}
|
|
else {
|
|
this.session.setReceiverMuted(true,
|
|
this.mediaCommandSuccessCallback.bind(this),
|
|
this.errorHandler);
|
|
}
|
|
};
|
|
|
|
/**
|
|
* Mute CC
|
|
*/
|
|
CastPlayer.prototype.mute = function () {
|
|
this.setReceiverVolume(true);
|
|
};
|
|
|
|
/**
|
|
* Callback function for media command success
|
|
*/
|
|
CastPlayer.prototype.mediaCommandSuccessCallback = function (info, e) {
|
|
console.log(info);
|
|
};
|
|
|
|
function chromecastPlayer() {
|
|
|
|
var self = this;
|
|
// Create Cast Player
|
|
var castPlayer;
|
|
|
|
// playbackManager needs this
|
|
self.name = PlayerName;
|
|
self.type = 'mediaplayer';
|
|
self.id = 'chromecast';
|
|
self.isLocalPlayer = false;
|
|
|
|
self.getItemsForPlayback = function (query) {
|
|
|
|
var userId = ApiClient.getCurrentUserId();
|
|
|
|
if (query.Ids && query.Ids.split(',').length === 1) {
|
|
return ApiClient.getItem(userId, query.Ids.split(',')).then(function (item) {
|
|
return {
|
|
Items: [item],
|
|
TotalRecordCount: 1
|
|
};
|
|
});
|
|
}
|
|
else {
|
|
|
|
query.Limit = query.Limit || 100;
|
|
query.ExcludeLocationTypes = "Virtual";
|
|
|
|
return ApiClient.getItems(userId, query);
|
|
}
|
|
};
|
|
|
|
function initializeChromecast() {
|
|
|
|
fileref.loaded = true;
|
|
castPlayer = new CastPlayer();
|
|
|
|
// To allow the native android app to override
|
|
document.dispatchEvent(new CustomEvent("chromecastloaded", {
|
|
detail: {
|
|
player: self
|
|
}
|
|
}));
|
|
|
|
events.on(castPlayer, "connect", function (e) {
|
|
|
|
if (currentResolve) {
|
|
sendConnectionResult(true);
|
|
} else {
|
|
playbackManager.setActivePlayer(PlayerName, self.getCurrentTargetInfo());
|
|
}
|
|
|
|
console.log('cc: connect');
|
|
// Reset this so that statechange will fire
|
|
self.lastPlayerData = null;
|
|
});
|
|
|
|
events.on(castPlayer, "playbackstart", function (e, data) {
|
|
|
|
console.log('cc: playbackstart');
|
|
|
|
castPlayer.initializeCastPlayer();
|
|
|
|
var state = self.getPlayerStateInternal(data);
|
|
events.trigger(self, "playbackstart", [state]);
|
|
});
|
|
|
|
events.on(castPlayer, "playbackstop", function (e, data) {
|
|
|
|
console.log('cc: playbackstop');
|
|
var state = self.getPlayerStateInternal(data);
|
|
|
|
events.trigger(self, "playbackstop", [state]);
|
|
|
|
// Reset this so the next query doesn't make it appear like content is playing.
|
|
self.lastPlayerData = {};
|
|
});
|
|
|
|
events.on(castPlayer, "playbackprogress", function (e, data) {
|
|
|
|
console.log('cc: positionchange');
|
|
var state = self.getPlayerStateInternal(data);
|
|
|
|
events.trigger(self, "timeupdate", [state]);
|
|
});
|
|
|
|
events.on(castPlayer, "volumechange", function (e, data) {
|
|
|
|
console.log('cc: volumechange');
|
|
var state = self.getPlayerStateInternal(data);
|
|
events.trigger(self, "volumechange", [state]);
|
|
});
|
|
|
|
events.on(castPlayer, "repeatmodechange", function (e, data) {
|
|
|
|
console.log('cc: repeatmodechange');
|
|
var state = self.getPlayerStateInternal(data);
|
|
events.trigger(self, "repeatmodechange", [state]);
|
|
});
|
|
|
|
events.on(castPlayer, "playstatechange", function (e, data) {
|
|
|
|
console.log('cc: playstatechange');
|
|
var state = self.getPlayerStateInternal(data);
|
|
|
|
events.trigger(self, "pause", [state]);
|
|
});
|
|
}
|
|
|
|
self.play = function (options) {
|
|
|
|
return ApiClient.getCurrentUser().then(function (user) {
|
|
|
|
if (options.items) {
|
|
|
|
return self.playWithCommand(options, 'PlayNow');
|
|
|
|
} else {
|
|
|
|
return self.getItemsForPlayback({
|
|
|
|
Ids: options.ids.join(',')
|
|
|
|
}).then(function (result) {
|
|
|
|
options.items = result.Items;
|
|
return self.playWithCommand(options, 'PlayNow');
|
|
|
|
});
|
|
}
|
|
|
|
});
|
|
|
|
};
|
|
|
|
self.playWithCommand = function (options, command) {
|
|
|
|
if (!options.items) {
|
|
var apiClient = connectionManager.getApiClient(options.serverId);
|
|
return apiClient.getItem(apiClient.getCurrentUserId(), options.ids[0]).then(function (item) {
|
|
|
|
options.items = [item];
|
|
return self.playWithCommand(options, command);
|
|
});
|
|
}
|
|
|
|
return castPlayer.loadMedia(options, command);
|
|
};
|
|
|
|
self.unpause = function () {
|
|
castPlayer.sendMessage({
|
|
options: {},
|
|
command: 'Unpause'
|
|
});
|
|
};
|
|
|
|
self.playPause = function () {
|
|
castPlayer.sendMessage({
|
|
options: {},
|
|
command: 'PlayPause'
|
|
});
|
|
};
|
|
|
|
self.pause = function () {
|
|
castPlayer.sendMessage({
|
|
options: {},
|
|
command: 'Pause'
|
|
});
|
|
};
|
|
|
|
self.shuffle = function (item) {
|
|
|
|
var apiClient = connectionManager.getApiClient(item.ServerId);
|
|
var userId = apiClient.getCurrentUserId();
|
|
|
|
apiClient.getItem(userId, item.Id).then(function (item) {
|
|
|
|
self.playWithCommand({
|
|
|
|
items: [item]
|
|
|
|
}, 'Shuffle');
|
|
|
|
});
|
|
|
|
};
|
|
|
|
self.instantMix = function (item) {
|
|
|
|
var apiClient = connectionManager.getApiClient(item.ServerId);
|
|
var userId = apiClient.getCurrentUserId();
|
|
|
|
apiClient.getItem(userId, item.Id).then(function (item) {
|
|
|
|
self.playWithCommand({
|
|
|
|
items: [item]
|
|
|
|
}, 'InstantMix');
|
|
|
|
});
|
|
|
|
};
|
|
|
|
self.canPlayMediaType = function (mediaType) {
|
|
|
|
mediaType = (mediaType || '').toLowerCase();
|
|
return mediaType === 'audio' || mediaType === 'video';
|
|
};
|
|
|
|
self.canQueueMediaType = function (mediaType) {
|
|
return self.canPlayMediaType(mediaType);
|
|
};
|
|
|
|
self.queue = function (options) {
|
|
self.playWithCommand(options, 'PlayLast');
|
|
};
|
|
|
|
self.queueNext = function (options) {
|
|
self.playWithCommand(options, 'PlayNext');
|
|
};
|
|
|
|
self.stop = function () {
|
|
castPlayer.sendMessage({
|
|
options: {},
|
|
command: 'Stop'
|
|
});
|
|
};
|
|
|
|
self.displayContent = function (options) {
|
|
|
|
castPlayer.sendMessage({
|
|
options: options,
|
|
command: 'DisplayContent'
|
|
});
|
|
};
|
|
|
|
self.isPlaying = function () {
|
|
var state = self.lastPlayerData || {};
|
|
return state.NowPlayingItem != null;
|
|
};
|
|
|
|
self.isPlayingVideo = function () {
|
|
var state = self.lastPlayerData || {};
|
|
state = state.NowPlayingItem || {};
|
|
return state.MediaType === 'Video';
|
|
};
|
|
|
|
self.isPlayingAudio = function () {
|
|
var state = self.lastPlayerData || {};
|
|
state = state.NowPlayingItem || {};
|
|
return state.MediaType === 'Audio';
|
|
};
|
|
|
|
self.currentTime = function (val) {
|
|
|
|
if (val != null) {
|
|
return self.seek(val);
|
|
}
|
|
|
|
var state = self.lastPlayerData || {};
|
|
state = state.PlayState || {};
|
|
return state.PositionTicks;
|
|
};
|
|
|
|
self.duration = function() {
|
|
var state = self.lastPlayerData || {};
|
|
state = state.NowPlayingItem || {};
|
|
return state.RunTimeTicks;
|
|
};
|
|
|
|
self.paused = function () {
|
|
var state = self.lastPlayerData || {};
|
|
state = state.PlayState || {};
|
|
|
|
return state.IsPaused;
|
|
};
|
|
|
|
self.isMuted = function () {
|
|
var state = self.lastPlayerData || {};
|
|
state = state.PlayState || {};
|
|
|
|
return state.IsMuted;
|
|
};
|
|
|
|
self.setMute = function (isMuted) {
|
|
|
|
if (isMuted) {
|
|
castPlayer.sendMessage({
|
|
options: {},
|
|
command: 'Mute'
|
|
});
|
|
//castPlayer.setMute(true);
|
|
} else {
|
|
self.setVolume(self.getVolume() + 2);
|
|
}
|
|
};
|
|
|
|
self.getRepeatMode = function () {
|
|
var state = self.lastPlayerData || {};
|
|
state = state.PlayState || {};
|
|
return state.RepeatMode;
|
|
};
|
|
|
|
self.setRepeatMode = function (mode) {
|
|
castPlayer.sendMessage({
|
|
options: {
|
|
RepeatMode: mode
|
|
},
|
|
command: 'SetRepeatMode'
|
|
});
|
|
};
|
|
|
|
self.toggleMute = function () {
|
|
|
|
if (self.isMuted()) {
|
|
self.setMute(false);
|
|
} else {
|
|
self.setMute(true);
|
|
}
|
|
};
|
|
|
|
self.getTargets = function () {
|
|
|
|
var targets = [];
|
|
|
|
if (castPlayer.hasReceivers) {
|
|
targets.push(self.getCurrentTargetInfo());
|
|
}
|
|
|
|
return Promise.resolve(targets);
|
|
};
|
|
|
|
self.getCurrentTargetInfo = function () {
|
|
|
|
var appName = null;
|
|
|
|
if (castPlayer.session && castPlayer.session.receiver && castPlayer.session.receiver.friendlyName) {
|
|
appName = castPlayer.session.receiver.friendlyName;
|
|
}
|
|
|
|
return {
|
|
name: PlayerName,
|
|
id: PlayerName,
|
|
playerName: PlayerName,
|
|
playableMediaTypes: ["Audio", "Video"],
|
|
isLocalPlayer: false,
|
|
appName: PlayerName,
|
|
deviceName: appName,
|
|
supportedCommands: ["VolumeUp",
|
|
"VolumeDown",
|
|
"Mute",
|
|
"Unmute",
|
|
"ToggleMute",
|
|
"SetVolume",
|
|
"SetAudioStreamIndex",
|
|
"SetSubtitleStreamIndex",
|
|
"DisplayContent",
|
|
"SetRepeatMode",
|
|
"EndSession"]
|
|
};
|
|
};
|
|
|
|
self.seek = function (position) {
|
|
|
|
position = parseInt(position);
|
|
|
|
position = position / 10000000;
|
|
|
|
castPlayer.sendMessage({
|
|
options: {
|
|
position: position
|
|
},
|
|
command: 'Seek'
|
|
});
|
|
};
|
|
|
|
self.audioTracks = function () {
|
|
return [];
|
|
};
|
|
|
|
self.setAudioStreamIndex = function (index) {
|
|
castPlayer.sendMessage({
|
|
options: {
|
|
index: index
|
|
},
|
|
command: 'SetAudioStreamIndex'
|
|
});
|
|
};
|
|
|
|
self.getAudioStreamIndex = function () {
|
|
var state = self.lastPlayerData || {};
|
|
state = state.PlayState || {};
|
|
return state.AudioStreamIndex;
|
|
};
|
|
|
|
self.subtitleTracks = function () {
|
|
return [];
|
|
};
|
|
|
|
self.getSubtitleStreamIndex = function () {
|
|
var state = self.lastPlayerData || {};
|
|
state = state.PlayState || {};
|
|
return state.SubtitleStreamIndex;
|
|
};
|
|
|
|
self.setSubtitleStreamIndex = function (index) {
|
|
castPlayer.sendMessage({
|
|
options: {
|
|
index: index
|
|
},
|
|
command: 'SetSubtitleStreamIndex'
|
|
});
|
|
};
|
|
|
|
self.getMaxStreamingBitrate = function () {
|
|
var state = self.lastPlayerData || {};
|
|
state = state.PlayState || {};
|
|
return state.MaxStreamingBitrate;
|
|
};
|
|
|
|
self.setMaxStreamingBitrate = function (bitrate) {
|
|
castPlayer.sendMessage({
|
|
options: {
|
|
bitrate: bitrate
|
|
},
|
|
command: 'SetMaxStreamingBitrate'
|
|
});
|
|
};
|
|
|
|
self.isFullscreen = function () {
|
|
var state = self.lastPlayerData || {};
|
|
state = state.PlayState || {};
|
|
return state.IsFullscreen;
|
|
};
|
|
|
|
self.toggleFullscreen = function () {
|
|
// not supported
|
|
};
|
|
|
|
self.nextTrack = function () {
|
|
castPlayer.sendMessage({
|
|
options: {},
|
|
command: 'NextTrack'
|
|
});
|
|
};
|
|
|
|
self.previousTrack = function () {
|
|
castPlayer.sendMessage({
|
|
options: {},
|
|
command: 'PreviousTrack'
|
|
});
|
|
};
|
|
|
|
self.beginPlayerUpdates = function () {
|
|
// Setup polling here
|
|
};
|
|
|
|
self.endPlayerUpdates = function () {
|
|
// Stop polling here
|
|
};
|
|
|
|
self.getVolume = function () {
|
|
|
|
var state = self.lastPlayerData || {};
|
|
state = state.PlayState || {};
|
|
|
|
return state.VolumeLevel == null ? 100 : state.VolumeLevel;
|
|
};
|
|
|
|
self.volumeDown = function () {
|
|
|
|
castPlayer.sendMessage({
|
|
options: {},
|
|
command: 'VolumeDown'
|
|
});
|
|
};
|
|
|
|
self.endSession = function () {
|
|
|
|
self.stop();
|
|
setTimeout(function () {
|
|
castPlayer.stopApp();
|
|
}, 1000);
|
|
};
|
|
|
|
self.volumeUp = function () {
|
|
|
|
castPlayer.sendMessage({
|
|
options: {},
|
|
command: 'VolumeUp'
|
|
});
|
|
};
|
|
|
|
self.setVolume = function (vol) {
|
|
|
|
vol = Math.min(vol, 100);
|
|
vol = Math.max(vol, 0);
|
|
|
|
//castPlayer.setReceiverVolume(false, (vol / 100));
|
|
castPlayer.sendMessage({
|
|
options: {
|
|
volume: vol
|
|
},
|
|
command: 'SetVolume'
|
|
});
|
|
};
|
|
|
|
self.getPlayerState = function () {
|
|
|
|
return Promise.resolve(self.getPlayerStateInternal());
|
|
};
|
|
|
|
self.lastPlayerData = {};
|
|
|
|
self.getPlayerStateInternal = function (data) {
|
|
|
|
var triggerStateChange = false;
|
|
if (data && !self.lastPlayerData) {
|
|
triggerStateChange = true;
|
|
}
|
|
|
|
data = data || self.lastPlayerData;
|
|
self.lastPlayerData = data;
|
|
|
|
if (data && data.NowPlayingItem) {
|
|
if (!data.NowPlayingItem.ImageTags || !data.NowPlayingItem.ImageTags.Primary) {
|
|
if (data.NowPlayingItem.PrimaryImageTag) {
|
|
data.NowPlayingItem.ImageTags = data.NowPlayingItem.ImageTags || {};
|
|
data.NowPlayingItem.ImageTags.Primary = data.NowPlayingItem.PrimaryImageTag;
|
|
}
|
|
}
|
|
}
|
|
|
|
//console.log(JSON.stringify(data));
|
|
|
|
if (triggerStateChange) {
|
|
events.trigger(self, "statechange", [data]);
|
|
}
|
|
|
|
return data;
|
|
};
|
|
|
|
self.tryPair = function (target) {
|
|
|
|
if (castPlayer.deviceState !== DEVICE_STATE.ACTIVE && castPlayer.isInitialized) {
|
|
|
|
return new Promise(function (resolve, reject) {
|
|
currentResolve = resolve;
|
|
currentReject = reject;
|
|
|
|
castPlayer.launchApp();
|
|
});
|
|
} else {
|
|
|
|
currentResolve = null;
|
|
currentReject = null;
|
|
|
|
return Promise.reject();
|
|
}
|
|
};
|
|
|
|
if (fileref.loaded) {
|
|
initializeChromecast();
|
|
} else {
|
|
fileref.onload = initializeChromecast;
|
|
}
|
|
}
|
|
|
|
var fileref = document.createElement('script');
|
|
fileref.setAttribute("type", "text/javascript");
|
|
fileref.onload = function () {
|
|
fileref.loaded = true;
|
|
};
|
|
fileref.setAttribute("src", "https://www.gstatic.com/cv/js/sender/v1/cast_sender.js");
|
|
document.querySelector('head').appendChild(fileref);
|
|
|
|
return chromecastPlayer;
|
|
}); |