1620 lines
46 KiB
JavaScript
1620 lines
46 KiB
JavaScript
(function() {
|
|
var CUSTOM_EMBED_WARNING, CustomEmbedPlayer, DEFAULT_ERROR, DailymotionPlayer, EmbedPlayer, FilePlayer, GoogleDrivePlayer, GoogleDriveYouTubePlayer, HLSPlayer, HitboxPlayer, ImgurPlayer, LivestreamPlayer, Player, RTMPPlayer, SoundCloudPlayer, TYPE_MAP, TwitchPlayer, USTREAM_ERROR, UstreamPlayer, VideoJSPlayer, VimeoPlayer, YouTubePlayer, codecToMimeType, genParam, sortSources,
|
|
extend = function(child, parent) { for (var key in parent) { if (hasProp.call(parent, key)) child[key] = parent[key]; } function ctor() { this.constructor = child; } ctor.prototype = parent.prototype; child.prototype = new ctor(); child.__super__ = parent.prototype; return child; },
|
|
hasProp = {}.hasOwnProperty;
|
|
|
|
window.Player = Player = (function() {
|
|
function Player(data) {
|
|
if (!(this instanceof Player)) {
|
|
return new Player(data);
|
|
}
|
|
this.setMediaProperties(data);
|
|
this.paused = false;
|
|
}
|
|
|
|
Player.prototype.load = function(data) {
|
|
return this.setMediaProperties(data);
|
|
};
|
|
|
|
Player.prototype.setMediaProperties = function(data) {
|
|
this.mediaId = data.id;
|
|
this.mediaType = data.type;
|
|
return this.mediaLength = data.seconds;
|
|
};
|
|
|
|
Player.prototype.play = function() {
|
|
return this.paused = false;
|
|
};
|
|
|
|
Player.prototype.pause = function() {
|
|
return this.paused = true;
|
|
};
|
|
|
|
Player.prototype.seekTo = function(time) {};
|
|
|
|
Player.prototype.setVolume = function(volume) {};
|
|
|
|
Player.prototype.getTime = function(cb) {
|
|
return cb(0);
|
|
};
|
|
|
|
Player.prototype.isPaused = function(cb) {
|
|
return cb(this.paused);
|
|
};
|
|
|
|
Player.prototype.getVolume = function(cb) {
|
|
return cb(VOLUME);
|
|
};
|
|
|
|
Player.prototype.destroy = function() {};
|
|
|
|
return Player;
|
|
|
|
})();
|
|
|
|
window.VimeoPlayer = VimeoPlayer = (function(superClass) {
|
|
extend(VimeoPlayer, superClass);
|
|
|
|
function VimeoPlayer(data) {
|
|
if (!(this instanceof VimeoPlayer)) {
|
|
return new VimeoPlayer(data);
|
|
}
|
|
this.load(data);
|
|
}
|
|
|
|
VimeoPlayer.prototype.load = function(data) {
|
|
this.setMediaProperties(data);
|
|
return waitUntilDefined(window, '$f', (function(_this) {
|
|
return function() {
|
|
var video;
|
|
video = $('<iframe/>');
|
|
removeOld(video);
|
|
video.attr({
|
|
src: "https://player.vimeo.com/video/" + data.id + "?api=1&player_id=ytapiplayer",
|
|
webkitallowfullscreen: true,
|
|
mozallowfullscreen: true,
|
|
allowfullscreen: true
|
|
});
|
|
if (USEROPTS.wmode_transparent) {
|
|
video.attr('wmode', 'transparent');
|
|
}
|
|
return $f(video[0]).addEvent('ready', function() {
|
|
_this.vimeo = $f(video[0]);
|
|
_this.play();
|
|
_this.vimeo.addEvent('finish', function() {
|
|
if (CLIENT.leader) {
|
|
return socket.emit('playNext');
|
|
}
|
|
});
|
|
_this.vimeo.addEvent('pause', function() {
|
|
_this.paused = true;
|
|
if (CLIENT.leader) {
|
|
return sendVideoUpdate();
|
|
}
|
|
});
|
|
_this.vimeo.addEvent('play', function() {
|
|
_this.paused = false;
|
|
if (CLIENT.leader) {
|
|
return sendVideoUpdate();
|
|
}
|
|
});
|
|
return _this.setVolume(VOLUME);
|
|
});
|
|
};
|
|
})(this));
|
|
};
|
|
|
|
VimeoPlayer.prototype.play = function() {
|
|
this.paused = false;
|
|
if (this.vimeo) {
|
|
return this.vimeo.api('play');
|
|
}
|
|
};
|
|
|
|
VimeoPlayer.prototype.pause = function() {
|
|
this.paused = true;
|
|
if (this.vimeo) {
|
|
return this.vimeo.api('pause');
|
|
}
|
|
};
|
|
|
|
VimeoPlayer.prototype.seekTo = function(time) {
|
|
if (this.vimeo) {
|
|
return this.vimeo.api('seekTo', time);
|
|
}
|
|
};
|
|
|
|
VimeoPlayer.prototype.setVolume = function(volume) {
|
|
if (this.vimeo) {
|
|
return this.vimeo.api('setVolume', volume);
|
|
}
|
|
};
|
|
|
|
VimeoPlayer.prototype.getTime = function(cb) {
|
|
if (this.vimeo) {
|
|
return this.vimeo.api('getCurrentTime', function(time) {
|
|
return cb(parseFloat(time));
|
|
});
|
|
} else {
|
|
return cb(0);
|
|
}
|
|
};
|
|
|
|
VimeoPlayer.prototype.getVolume = function(cb) {
|
|
if (this.vimeo) {
|
|
return this.vimeo.api('getVolume', cb);
|
|
} else {
|
|
return cb(VOLUME);
|
|
}
|
|
};
|
|
|
|
return VimeoPlayer;
|
|
|
|
})(Player);
|
|
|
|
window.YouTubePlayer = YouTubePlayer = (function(superClass) {
|
|
extend(YouTubePlayer, superClass);
|
|
|
|
function YouTubePlayer(data) {
|
|
if (!(this instanceof YouTubePlayer)) {
|
|
return new YouTubePlayer(data);
|
|
}
|
|
this.setMediaProperties(data);
|
|
this.qualityRaceCondition = true;
|
|
this.pauseSeekRaceCondition = false;
|
|
waitUntilDefined(window, 'YT', (function(_this) {
|
|
return function() {
|
|
return waitUntilDefined(YT, 'Player', function() {
|
|
var wmode;
|
|
removeOld();
|
|
wmode = USEROPTS.wmode_transparent ? 'transparent' : 'opaque';
|
|
return _this.yt = new YT.Player('ytapiplayer', {
|
|
videoId: data.id,
|
|
playerVars: {
|
|
autohide: 1,
|
|
autoplay: 1,
|
|
controls: 1,
|
|
iv_load_policy: 3,
|
|
rel: 0,
|
|
wmode: wmode
|
|
},
|
|
events: {
|
|
onReady: _this.onReady.bind(_this),
|
|
onStateChange: _this.onStateChange.bind(_this)
|
|
}
|
|
});
|
|
});
|
|
};
|
|
})(this));
|
|
}
|
|
|
|
YouTubePlayer.prototype.load = function(data) {
|
|
this.setMediaProperties(data);
|
|
if (this.yt && this.yt.ready) {
|
|
this.yt.loadVideoById(data.id, data.currentTime);
|
|
this.qualityRaceCondition = true;
|
|
if (USEROPTS.default_quality) {
|
|
return this.setQuality(USEROPTS.default_quality);
|
|
}
|
|
} else {
|
|
return console.error('WTF? YouTubePlayer::load() called but yt is not ready');
|
|
}
|
|
};
|
|
|
|
YouTubePlayer.prototype.onReady = function() {
|
|
this.yt.ready = true;
|
|
return this.setVolume(VOLUME);
|
|
};
|
|
|
|
YouTubePlayer.prototype.onStateChange = function(ev) {
|
|
if (this.qualityRaceCondition) {
|
|
this.qualityRaceCondition = false;
|
|
if (USEROPTS.default_quality) {
|
|
this.setQuality(USEROPTS.default_quality);
|
|
}
|
|
}
|
|
if (ev.data === YT.PlayerState.PLAYING && this.pauseSeekRaceCondition) {
|
|
this.pause();
|
|
this.pauseSeekRaceCondition = false;
|
|
}
|
|
if ((ev.data === YT.PlayerState.PAUSED && !this.paused) || (ev.data === YT.PlayerState.PLAYING && this.paused)) {
|
|
this.paused = ev.data === YT.PlayerState.PAUSED;
|
|
if (CLIENT.leader) {
|
|
sendVideoUpdate();
|
|
}
|
|
}
|
|
if (ev.data === YT.PlayerState.ENDED && CLIENT.leader) {
|
|
return socket.emit('playNext');
|
|
}
|
|
};
|
|
|
|
YouTubePlayer.prototype.play = function() {
|
|
this.paused = false;
|
|
if (this.yt && this.yt.ready) {
|
|
return this.yt.playVideo();
|
|
}
|
|
};
|
|
|
|
YouTubePlayer.prototype.pause = function() {
|
|
this.paused = true;
|
|
if (this.yt && this.yt.ready) {
|
|
return this.yt.pauseVideo();
|
|
}
|
|
};
|
|
|
|
YouTubePlayer.prototype.seekTo = function(time) {
|
|
if (this.yt && this.yt.ready) {
|
|
return this.yt.seekTo(time, true);
|
|
}
|
|
};
|
|
|
|
YouTubePlayer.prototype.setVolume = function(volume) {
|
|
if (this.yt && this.yt.ready) {
|
|
if (volume > 0) {
|
|
this.yt.unMute();
|
|
}
|
|
return this.yt.setVolume(volume * 100);
|
|
}
|
|
};
|
|
|
|
YouTubePlayer.prototype.setQuality = function(quality) {
|
|
var ytQuality;
|
|
if (!this.yt || !this.yt.ready) {
|
|
return;
|
|
}
|
|
ytQuality = (function() {
|
|
switch (String(quality)) {
|
|
case '240':
|
|
return 'small';
|
|
case '360':
|
|
return 'medium';
|
|
case '480':
|
|
return 'large';
|
|
case '720':
|
|
return 'hd720';
|
|
case '1080':
|
|
return 'hd1080';
|
|
case 'best':
|
|
return 'highres';
|
|
default:
|
|
return 'auto';
|
|
}
|
|
})();
|
|
if (ytQuality !== 'auto') {
|
|
return this.yt.setPlaybackQuality(ytQuality);
|
|
}
|
|
};
|
|
|
|
YouTubePlayer.prototype.getTime = function(cb) {
|
|
if (this.yt && this.yt.ready) {
|
|
return cb(this.yt.getCurrentTime());
|
|
} else {
|
|
return cb(0);
|
|
}
|
|
};
|
|
|
|
YouTubePlayer.prototype.getVolume = function(cb) {
|
|
if (this.yt && this.yt.ready) {
|
|
if (this.yt.isMuted()) {
|
|
return cb(0);
|
|
} else {
|
|
return cb(this.yt.getVolume() / 100);
|
|
}
|
|
} else {
|
|
return cb(VOLUME);
|
|
}
|
|
};
|
|
|
|
return YouTubePlayer;
|
|
|
|
})(Player);
|
|
|
|
window.DailymotionPlayer = DailymotionPlayer = (function(superClass) {
|
|
extend(DailymotionPlayer, superClass);
|
|
|
|
function DailymotionPlayer(data) {
|
|
if (!(this instanceof DailymotionPlayer)) {
|
|
return new DailymotionPlayer(data);
|
|
}
|
|
this.setMediaProperties(data);
|
|
this.initialVolumeSet = false;
|
|
waitUntilDefined(window, 'DM', (function(_this) {
|
|
return function() {
|
|
var params, quality;
|
|
removeOld();
|
|
params = {
|
|
autoplay: 1,
|
|
wmode: USEROPTS.wmode_transparent ? 'transparent' : 'opaque',
|
|
logo: 0
|
|
};
|
|
quality = _this.mapQuality(USEROPTS.default_quality);
|
|
if (quality !== 'auto') {
|
|
params.quality = quality;
|
|
}
|
|
_this.dm = DM.player('ytapiplayer', {
|
|
video: data.id,
|
|
width: parseInt(VWIDTH, 10),
|
|
height: parseInt(VHEIGHT, 10),
|
|
params: params
|
|
});
|
|
return _this.dm.addEventListener('apiready', function() {
|
|
_this.dm.ready = true;
|
|
_this.dm.addEventListener('ended', function() {
|
|
if (CLIENT.leader) {
|
|
return socket.emit('playNext');
|
|
}
|
|
});
|
|
_this.dm.addEventListener('pause', function() {
|
|
_this.paused = true;
|
|
if (CLIENT.leader) {
|
|
return sendVideoUpdate();
|
|
}
|
|
});
|
|
return _this.dm.addEventListener('playing', function() {
|
|
_this.paused = false;
|
|
if (CLIENT.leader) {
|
|
sendVideoUpdate();
|
|
}
|
|
if (!_this.initialVolumeSet) {
|
|
_this.setVolume(VOLUME);
|
|
return _this.initialVolumeSet = true;
|
|
}
|
|
});
|
|
});
|
|
};
|
|
})(this));
|
|
}
|
|
|
|
DailymotionPlayer.prototype.load = function(data) {
|
|
this.setMediaProperties(data);
|
|
if (this.dm && this.dm.ready) {
|
|
this.dm.load(data.id);
|
|
return this.dm.seek(data.currentTime);
|
|
} else {
|
|
return console.error('WTF? DailymotionPlayer::load() called but dm is not ready');
|
|
}
|
|
};
|
|
|
|
DailymotionPlayer.prototype.pause = function() {
|
|
if (this.dm && this.dm.ready) {
|
|
this.paused = true;
|
|
return this.dm.pause();
|
|
}
|
|
};
|
|
|
|
DailymotionPlayer.prototype.play = function() {
|
|
if (this.dm && this.dm.ready) {
|
|
this.paused = false;
|
|
return this.dm.play();
|
|
}
|
|
};
|
|
|
|
DailymotionPlayer.prototype.seekTo = function(time) {
|
|
if (this.dm && this.dm.ready) {
|
|
return this.dm.seek(time);
|
|
}
|
|
};
|
|
|
|
DailymotionPlayer.prototype.setVolume = function(volume) {
|
|
if (this.dm && this.dm.ready) {
|
|
return this.dm.setVolume(volume);
|
|
}
|
|
};
|
|
|
|
DailymotionPlayer.prototype.getTime = function(cb) {
|
|
if (this.dm && this.dm.ready) {
|
|
return cb(this.dm.currentTime);
|
|
} else {
|
|
return cb(0);
|
|
}
|
|
};
|
|
|
|
DailymotionPlayer.prototype.getVolume = function(cb) {
|
|
var volume;
|
|
if (this.dm && this.dm.ready) {
|
|
if (this.dm.muted) {
|
|
return cb(0);
|
|
} else {
|
|
volume = this.dm.volume;
|
|
if (volume > 1) {
|
|
volume /= 100;
|
|
}
|
|
return cb(volume);
|
|
}
|
|
} else {
|
|
return cb(VOLUME);
|
|
}
|
|
};
|
|
|
|
DailymotionPlayer.prototype.mapQuality = function(quality) {
|
|
switch (String(quality)) {
|
|
case '240':
|
|
case '480':
|
|
case '720':
|
|
case '1080':
|
|
return String(quality);
|
|
case '360':
|
|
return '380';
|
|
case 'best':
|
|
return '1080';
|
|
default:
|
|
return 'auto';
|
|
}
|
|
};
|
|
|
|
return DailymotionPlayer;
|
|
|
|
})(Player);
|
|
|
|
sortSources = function(sources) {
|
|
var flv, flvOrder, idx, j, len, nonflv, pref, qualities, quality, qualityOrder, sourceOrder;
|
|
if (!sources) {
|
|
console.error('sortSources() called with null source list');
|
|
return [];
|
|
}
|
|
qualities = ['1080', '720', '480', '360', '240'];
|
|
pref = String(USEROPTS.default_quality);
|
|
if (USEROPTS.default_quality === 'best') {
|
|
pref = '1080';
|
|
}
|
|
idx = qualities.indexOf(pref);
|
|
if (idx < 0) {
|
|
idx = 2;
|
|
}
|
|
qualityOrder = qualities.slice(idx).concat(qualities.slice(0, idx).reverse());
|
|
sourceOrder = [];
|
|
flvOrder = [];
|
|
for (j = 0, len = qualityOrder.length; j < len; j++) {
|
|
quality = qualityOrder[j];
|
|
if (quality in sources) {
|
|
flv = [];
|
|
nonflv = [];
|
|
sources[quality].forEach(function(source) {
|
|
source.quality = quality;
|
|
if (source.contentType === 'video/flv') {
|
|
return flv.push(source);
|
|
} else {
|
|
return nonflv.push(source);
|
|
}
|
|
});
|
|
sourceOrder = sourceOrder.concat(nonflv);
|
|
flvOrder = flvOrder.concat(flv);
|
|
}
|
|
}
|
|
return sourceOrder.concat(flvOrder).map(function(source) {
|
|
return {
|
|
type: source.contentType,
|
|
src: source.link,
|
|
quality: source.quality
|
|
};
|
|
});
|
|
};
|
|
|
|
waitUntilDefined(window, 'videojs', (function(_this) {
|
|
return function() {
|
|
return videojs.options.flash.swf = '/video-js.swf';
|
|
};
|
|
})(this));
|
|
|
|
window.VideoJSPlayer = VideoJSPlayer = (function(superClass) {
|
|
extend(VideoJSPlayer, superClass);
|
|
|
|
function VideoJSPlayer(data) {
|
|
if (!(this instanceof VideoJSPlayer)) {
|
|
return new VideoJSPlayer(data);
|
|
}
|
|
this.load(data);
|
|
}
|
|
|
|
VideoJSPlayer.prototype.loadPlayer = function(data) {
|
|
return waitUntilDefined(window, 'videojs', (function(_this) {
|
|
return function() {
|
|
var video;
|
|
video = $('<video/>').addClass('video-js vjs-default-skin embed-responsive-item').attr({
|
|
width: '100%',
|
|
height: '100%'
|
|
});
|
|
removeOld(video);
|
|
_this.sources = sortSources(data.meta.direct);
|
|
if (_this.sources.length === 0) {
|
|
console.error('VideoJSPlayer::constructor(): data.meta.direct has no sources!');
|
|
_this.mediaType = null;
|
|
return;
|
|
}
|
|
_this.sourceIdx = 0;
|
|
_this.sources.forEach(function(source) {
|
|
return $('<source/>').attr({
|
|
src: source.src,
|
|
type: source.type,
|
|
'data-quality': source.quality
|
|
}).appendTo(video);
|
|
});
|
|
if (data.meta.gdrive_subtitles) {
|
|
data.meta.gdrive_subtitles.available.forEach(function(subt) {
|
|
var label;
|
|
label = subt.lang_original;
|
|
if (subt.name) {
|
|
label += " (" + subt.name + ")";
|
|
}
|
|
return $('<track/>').attr({
|
|
src: "/gdvtt/" + data.id + "/" + subt.lang + "/" + subt.name + ".vtt?vid=" + data.meta.gdrive_subtitles.vid,
|
|
kind: 'subtitles',
|
|
srclang: subt.lang,
|
|
label: label
|
|
}).appendTo(video);
|
|
});
|
|
}
|
|
_this.player = videojs(video[0], {
|
|
autoplay: true,
|
|
controls: true
|
|
});
|
|
return _this.player.ready(function() {
|
|
_this.player.on('error', function() {
|
|
var err;
|
|
err = _this.player.error();
|
|
if (err && err.code === 4) {
|
|
console.error('Caught error, trying next source');
|
|
_this.sourceIdx++;
|
|
if (_this.sourceIdx < _this.sources.length) {
|
|
return _this.player.src(_this.sources[_this.sourceIdx]);
|
|
} else {
|
|
console.error('Out of sources, video will not play');
|
|
if (_this.mediaType === 'gd' && !window.hasDriveUserscript) {
|
|
return window.promptToInstallDriveUserscript();
|
|
}
|
|
}
|
|
}
|
|
});
|
|
_this.setVolume(VOLUME);
|
|
_this.player.on('ended', function() {
|
|
if (CLIENT.leader) {
|
|
return socket.emit('playNext');
|
|
}
|
|
});
|
|
_this.player.on('pause', function() {
|
|
_this.paused = true;
|
|
if (CLIENT.leader) {
|
|
return sendVideoUpdate();
|
|
}
|
|
});
|
|
_this.player.on('play', function() {
|
|
_this.paused = false;
|
|
if (CLIENT.leader) {
|
|
return sendVideoUpdate();
|
|
}
|
|
});
|
|
_this.player.on('seeked', function() {
|
|
return $('.vjs-waiting').removeClass('vjs-waiting');
|
|
});
|
|
return setTimeout(function() {
|
|
return $('#ytapiplayer .vjs-subtitles-button .vjs-menu-item').each(function(i, elem) {
|
|
var textNode;
|
|
textNode = elem.childNodes[0];
|
|
if (textNode.textContent === localStorage.lastSubtitle) {
|
|
elem.click();
|
|
}
|
|
return elem.onclick = function() {
|
|
if (elem.attributes['aria-checked'].value === 'true') {
|
|
return localStorage.lastSubtitle = textNode.textContent;
|
|
}
|
|
};
|
|
});
|
|
}, 1);
|
|
});
|
|
};
|
|
})(this));
|
|
};
|
|
|
|
VideoJSPlayer.prototype.load = function(data) {
|
|
this.setMediaProperties(data);
|
|
this.destroy();
|
|
return this.loadPlayer(data);
|
|
};
|
|
|
|
VideoJSPlayer.prototype.play = function() {
|
|
this.paused = false;
|
|
if (this.player && this.player.readyState() > 0) {
|
|
return this.player.play();
|
|
}
|
|
};
|
|
|
|
VideoJSPlayer.prototype.pause = function() {
|
|
this.paused = true;
|
|
if (this.player && this.player.readyState() > 0) {
|
|
return this.player.pause();
|
|
}
|
|
};
|
|
|
|
VideoJSPlayer.prototype.seekTo = function(time) {
|
|
if (this.player && this.player.readyState() > 0) {
|
|
return this.player.currentTime(time);
|
|
}
|
|
};
|
|
|
|
VideoJSPlayer.prototype.setVolume = function(volume) {
|
|
if (this.player) {
|
|
return this.player.volume(volume);
|
|
}
|
|
};
|
|
|
|
VideoJSPlayer.prototype.getTime = function(cb) {
|
|
if (this.player && this.player.readyState() > 0) {
|
|
return cb(this.player.currentTime());
|
|
} else {
|
|
return cb(0);
|
|
}
|
|
};
|
|
|
|
VideoJSPlayer.prototype.getVolume = function(cb) {
|
|
if (this.player && this.player.readyState() > 0) {
|
|
if (this.player.muted()) {
|
|
return cb(0);
|
|
} else {
|
|
return cb(this.player.volume());
|
|
}
|
|
} else {
|
|
return cb(VOLUME);
|
|
}
|
|
};
|
|
|
|
VideoJSPlayer.prototype.destroy = function() {
|
|
removeOld();
|
|
if (this.player) {
|
|
return this.player.dispose();
|
|
}
|
|
};
|
|
|
|
return VideoJSPlayer;
|
|
|
|
})(Player);
|
|
|
|
window.GoogleDrivePlayer = GoogleDrivePlayer = (function(superClass) {
|
|
extend(GoogleDrivePlayer, superClass);
|
|
|
|
function GoogleDrivePlayer(data) {
|
|
if (!(this instanceof GoogleDrivePlayer)) {
|
|
return new GoogleDrivePlayer(data);
|
|
}
|
|
GoogleDrivePlayer.__super__.constructor.call(this, data);
|
|
}
|
|
|
|
GoogleDrivePlayer.prototype.load = function(data) {
|
|
if (typeof window.getGoogleDriveMetadata === 'function') {
|
|
return window.getGoogleDriveMetadata(data.id, (function(_this) {
|
|
return function(error, metadata) {
|
|
var alertBox;
|
|
if (error) {
|
|
console.error(error);
|
|
alertBox = window.document.createElement('div');
|
|
alertBox.className = 'alert alert-danger';
|
|
alertBox.textContent = error.message;
|
|
return document.getElementById('ytapiplayer').appendChild(alertBox);
|
|
} else {
|
|
data.meta.direct = metadata.videoMap;
|
|
return GoogleDrivePlayer.__super__.load.call(_this, data);
|
|
}
|
|
};
|
|
})(this));
|
|
} else {
|
|
return GoogleDrivePlayer.__super__.load.call(this, data);
|
|
}
|
|
};
|
|
|
|
return GoogleDrivePlayer;
|
|
|
|
})(VideoJSPlayer);
|
|
|
|
codecToMimeType = function(codec) {
|
|
switch (codec) {
|
|
case 'mov/h264':
|
|
return 'video/mp4';
|
|
case 'flv/h264':
|
|
return 'video/flv';
|
|
case 'matroska/vp8':
|
|
case 'matroska/vp9':
|
|
return 'video/webm';
|
|
case 'ogg/theora':
|
|
return 'video/ogg';
|
|
case 'mp3':
|
|
return 'audio/mp3';
|
|
case 'vorbis':
|
|
return 'audio/ogg';
|
|
default:
|
|
return 'video/flv';
|
|
}
|
|
};
|
|
|
|
window.FilePlayer = FilePlayer = (function(superClass) {
|
|
extend(FilePlayer, superClass);
|
|
|
|
function FilePlayer(data) {
|
|
if (!(this instanceof FilePlayer)) {
|
|
return new FilePlayer(data);
|
|
}
|
|
data.meta.direct = {
|
|
480: [
|
|
{
|
|
contentType: codecToMimeType(data.meta.codec),
|
|
link: data.id
|
|
}
|
|
]
|
|
};
|
|
FilePlayer.__super__.constructor.call(this, data);
|
|
}
|
|
|
|
FilePlayer.prototype.load = function(data) {
|
|
data.meta.direct = {
|
|
480: [
|
|
{
|
|
contentType: codecToMimeType(data.meta.codec),
|
|
link: data.id
|
|
}
|
|
]
|
|
};
|
|
return FilePlayer.__super__.load.call(this, data);
|
|
};
|
|
|
|
return FilePlayer;
|
|
|
|
})(VideoJSPlayer);
|
|
|
|
window.SoundCloudPlayer = SoundCloudPlayer = (function(superClass) {
|
|
extend(SoundCloudPlayer, superClass);
|
|
|
|
function SoundCloudPlayer(data) {
|
|
if (!(this instanceof SoundCloudPlayer)) {
|
|
return new SoundCloudPlayer(data);
|
|
}
|
|
this.setMediaProperties(data);
|
|
waitUntilDefined(window, 'SC', (function(_this) {
|
|
return function() {
|
|
var sliderHolder, soundUrl, volumeSlider, widget;
|
|
removeOld();
|
|
if (data.meta.scuri) {
|
|
soundUrl = data.meta.scuri;
|
|
} else {
|
|
soundUrl = data.id;
|
|
}
|
|
widget = $('<iframe/>').appendTo($('#ytapiplayer'));
|
|
widget.attr({
|
|
id: 'scplayer',
|
|
src: "https://w.soundcloud.com/player/?url=" + soundUrl
|
|
});
|
|
sliderHolder = $('<div/>').attr('id', 'soundcloud-volume-holder').insertAfter(widget);
|
|
$('<span/>').attr('id', 'soundcloud-volume-label').addClass('label label-default').text('Volume').appendTo(sliderHolder);
|
|
volumeSlider = $('<div/>').attr('id', 'soundcloud-volume').appendTo(sliderHolder).slider({
|
|
range: 'min',
|
|
value: VOLUME * 100,
|
|
stop: function(event, ui) {
|
|
return _this.setVolume(ui.value / 100);
|
|
}
|
|
});
|
|
_this.soundcloud = SC.Widget(widget[0]);
|
|
return _this.soundcloud.bind(SC.Widget.Events.READY, function() {
|
|
_this.soundcloud.ready = true;
|
|
_this.setVolume(VOLUME);
|
|
_this.play();
|
|
_this.soundcloud.bind(SC.Widget.Events.PAUSE, function() {
|
|
_this.paused = true;
|
|
if (CLIENT.leader) {
|
|
return sendVideoUpdate();
|
|
}
|
|
});
|
|
_this.soundcloud.bind(SC.Widget.Events.PLAY, function() {
|
|
_this.paused = false;
|
|
if (CLIENT.leader) {
|
|
return sendVideoUpdate();
|
|
}
|
|
});
|
|
return _this.soundcloud.bind(SC.Widget.Events.FINISH, function() {
|
|
if (CLIENT.leader) {
|
|
return socket.emit('playNext');
|
|
}
|
|
});
|
|
});
|
|
};
|
|
})(this));
|
|
}
|
|
|
|
SoundCloudPlayer.prototype.load = function(data) {
|
|
var soundUrl;
|
|
this.setMediaProperties(data);
|
|
if (this.soundcloud && this.soundcloud.ready) {
|
|
if (data.meta.scuri) {
|
|
soundUrl = data.meta.scuri;
|
|
} else {
|
|
soundUrl = data.id;
|
|
}
|
|
this.soundcloud.load(soundUrl, {
|
|
auto_play: true
|
|
});
|
|
return this.soundcloud.bind(SC.Widget.Events.READY, (function(_this) {
|
|
return function() {
|
|
return _this.setVolume(VOLUME);
|
|
};
|
|
})(this));
|
|
} else {
|
|
return console.error('SoundCloudPlayer::load() called but soundcloud is not ready');
|
|
}
|
|
};
|
|
|
|
SoundCloudPlayer.prototype.play = function() {
|
|
this.paused = false;
|
|
if (this.soundcloud && this.soundcloud.ready) {
|
|
return this.soundcloud.play();
|
|
}
|
|
};
|
|
|
|
SoundCloudPlayer.prototype.pause = function() {
|
|
this.paused = true;
|
|
if (this.soundcloud && this.soundcloud.ready) {
|
|
return this.soundcloud.pause();
|
|
}
|
|
};
|
|
|
|
SoundCloudPlayer.prototype.seekTo = function(time) {
|
|
if (this.soundcloud && this.soundcloud.ready) {
|
|
return this.soundcloud.seekTo(time * 1000);
|
|
}
|
|
};
|
|
|
|
SoundCloudPlayer.prototype.setVolume = function(volume) {
|
|
if (this.soundcloud && this.soundcloud.ready) {
|
|
return this.soundcloud.setVolume(volume);
|
|
}
|
|
};
|
|
|
|
SoundCloudPlayer.prototype.getTime = function(cb) {
|
|
if (this.soundcloud && this.soundcloud.ready) {
|
|
return this.soundcloud.getPosition(function(time) {
|
|
return cb(time / 1000);
|
|
});
|
|
} else {
|
|
return cb(0);
|
|
}
|
|
};
|
|
|
|
SoundCloudPlayer.prototype.getVolume = function(cb) {
|
|
if (this.soundcloud && this.soundcloud.ready) {
|
|
return this.soundcloud.getVolume(cb);
|
|
} else {
|
|
return cb(VOLUME);
|
|
}
|
|
};
|
|
|
|
return SoundCloudPlayer;
|
|
|
|
})(Player);
|
|
|
|
DEFAULT_ERROR = 'You are currently connected via HTTPS but the embedded content uses non-secure plain HTTP. Your browser therefore blocks it from loading due to mixed content policy. To fix this, embed the video using a secure link if available (https://...), or load this page over plain HTTP by replacing "https://" with "http://" in the address bar (your websocket will still be secured using HTTPS, but this will permit non-secure content to load).';
|
|
|
|
genParam = function(name, value) {
|
|
return $('<param/>').attr({
|
|
name: name,
|
|
value: value
|
|
});
|
|
};
|
|
|
|
window.EmbedPlayer = EmbedPlayer = (function(superClass) {
|
|
extend(EmbedPlayer, superClass);
|
|
|
|
function EmbedPlayer(data) {
|
|
if (!(this instanceof EmbedPlayer)) {
|
|
return new EmbedPlayer(data);
|
|
}
|
|
this.load(data);
|
|
}
|
|
|
|
EmbedPlayer.prototype.load = function(data) {
|
|
var embed;
|
|
this.setMediaProperties(data);
|
|
embed = data.meta.embed;
|
|
if (embed == null) {
|
|
console.error('EmbedPlayer::load(): missing meta.embed');
|
|
return;
|
|
}
|
|
if (embed.tag === 'object') {
|
|
this.player = this.loadObject(embed);
|
|
} else {
|
|
this.player = this.loadIframe(embed);
|
|
}
|
|
return removeOld(this.player);
|
|
};
|
|
|
|
EmbedPlayer.prototype.loadObject = function(embed) {
|
|
var key, object, ref, value;
|
|
object = $('<object/>').attr({
|
|
type: 'application/x-shockwave-flash',
|
|
data: embed.src,
|
|
wmode: 'opaque'
|
|
});
|
|
genParam('allowfullscreen', 'true').appendTo(object);
|
|
genParam('allowscriptaccess', 'always').appendTo(object);
|
|
ref = embed.params;
|
|
for (key in ref) {
|
|
value = ref[key];
|
|
genParam(key, value).appendTo(object);
|
|
}
|
|
return object;
|
|
};
|
|
|
|
EmbedPlayer.prototype.loadIframe = function(embed) {
|
|
var alert, error, iframe;
|
|
if (embed.src.indexOf('http:') === 0 && location.protocol === 'https:') {
|
|
if (this.__proto__.mixedContentError != null) {
|
|
error = this.__proto__.mixedContentError;
|
|
} else {
|
|
error = DEFAULT_ERROR;
|
|
}
|
|
alert = makeAlert('Mixed Content Error', error, 'alert-danger').removeClass('col-md-12');
|
|
alert.find('.close').remove();
|
|
return alert;
|
|
} else {
|
|
iframe = $('<iframe/>').attr({
|
|
src: embed.src,
|
|
frameborder: '0',
|
|
allowfullscreen: '1'
|
|
});
|
|
return iframe;
|
|
}
|
|
};
|
|
|
|
return EmbedPlayer;
|
|
|
|
})(Player);
|
|
|
|
window.TwitchPlayer = TwitchPlayer = (function(superClass) {
|
|
extend(TwitchPlayer, superClass);
|
|
|
|
function TwitchPlayer(data) {
|
|
if (!(this instanceof TwitchPlayer)) {
|
|
return new TwitchPlayer(data);
|
|
}
|
|
this.setMediaProperties(data);
|
|
waitUntilDefined(window, 'Twitch', (function(_this) {
|
|
return function() {
|
|
return waitUntilDefined(Twitch, 'Player', function() {
|
|
return _this.init(data);
|
|
});
|
|
};
|
|
})(this));
|
|
}
|
|
|
|
TwitchPlayer.prototype.init = function(data) {
|
|
var options;
|
|
removeOld();
|
|
if (data.type === 'tv') {
|
|
options = {
|
|
video: data.id
|
|
};
|
|
} else {
|
|
options = {
|
|
channel: data.id
|
|
};
|
|
}
|
|
this.twitch = new Twitch.Player('ytapiplayer', options);
|
|
return this.twitch.addEventListener(Twitch.Player.READY, (function(_this) {
|
|
return function() {
|
|
_this.setVolume(VOLUME);
|
|
_this.twitch.setQuality(_this.mapQuality(USEROPTS.default_quality));
|
|
_this.twitch.addEventListener(Twitch.Player.PLAY, function() {
|
|
_this.paused = false;
|
|
if (CLIENT.leader) {
|
|
return sendVideoUpdate();
|
|
}
|
|
});
|
|
_this.twitch.addEventListener(Twitch.Player.PAUSE, function() {
|
|
_this.paused = true;
|
|
if (CLIENT.leader) {
|
|
return sendVideoUpdate();
|
|
}
|
|
});
|
|
return _this.twitch.addEventListener(Twitch.Player.ENDED, function() {
|
|
if (CLIENT.leader) {
|
|
return socket.emit('playNext');
|
|
}
|
|
});
|
|
};
|
|
})(this));
|
|
};
|
|
|
|
TwitchPlayer.prototype.load = function(data) {
|
|
var error, error1;
|
|
this.setMediaProperties(data);
|
|
try {
|
|
if (data.type === 'tv') {
|
|
return this.twitch.setVideo(data.id);
|
|
} else {
|
|
return this.twitch.setChannel(data.id);
|
|
}
|
|
} catch (error1) {
|
|
error = error1;
|
|
return console.error(error);
|
|
}
|
|
};
|
|
|
|
TwitchPlayer.prototype.pause = function() {
|
|
var error, error1;
|
|
try {
|
|
this.twitch.pause();
|
|
return this.paused = true;
|
|
} catch (error1) {
|
|
error = error1;
|
|
return console.error(error);
|
|
}
|
|
};
|
|
|
|
TwitchPlayer.prototype.play = function() {
|
|
var error, error1;
|
|
try {
|
|
this.twitch.play();
|
|
return this.paused = false;
|
|
} catch (error1) {
|
|
error = error1;
|
|
return console.error(error);
|
|
}
|
|
};
|
|
|
|
TwitchPlayer.prototype.seekTo = function(time) {
|
|
var error, error1;
|
|
try {
|
|
return this.twitch.seek(time);
|
|
} catch (error1) {
|
|
error = error1;
|
|
return console.error(error);
|
|
}
|
|
};
|
|
|
|
TwitchPlayer.prototype.getTime = function(cb) {
|
|
var error, error1;
|
|
try {
|
|
return cb(this.twitch.getCurrentTime());
|
|
} catch (error1) {
|
|
error = error1;
|
|
return console.error(error);
|
|
}
|
|
};
|
|
|
|
TwitchPlayer.prototype.setVolume = function(volume) {
|
|
var error, error1;
|
|
try {
|
|
this.twitch.setVolume(volume);
|
|
if (volume > 0) {
|
|
return this.twitch.setMuted(false);
|
|
}
|
|
} catch (error1) {
|
|
error = error1;
|
|
return console.error(error);
|
|
}
|
|
};
|
|
|
|
TwitchPlayer.prototype.getVolume = function(cb) {
|
|
var error, error1;
|
|
try {
|
|
if (this.twitch.isPaused()) {
|
|
return cb(0);
|
|
} else {
|
|
return cb(this.twitch.getVolume());
|
|
}
|
|
} catch (error1) {
|
|
error = error1;
|
|
return console.error(error);
|
|
}
|
|
};
|
|
|
|
TwitchPlayer.prototype.mapQuality = function(quality) {
|
|
switch (String(quality)) {
|
|
case '1080':
|
|
return 'chunked';
|
|
case '720':
|
|
return 'high';
|
|
case '480':
|
|
return 'medium';
|
|
case '360':
|
|
return 'low';
|
|
case '240':
|
|
return 'mobile';
|
|
case 'best':
|
|
return 'chunked';
|
|
default:
|
|
return '';
|
|
}
|
|
};
|
|
|
|
return TwitchPlayer;
|
|
|
|
})(Player);
|
|
|
|
window.LivestreamPlayer = LivestreamPlayer = (function(superClass) {
|
|
extend(LivestreamPlayer, superClass);
|
|
|
|
function LivestreamPlayer(data) {
|
|
if (!(this instanceof LivestreamPlayer)) {
|
|
return new LivestreamPlayer(data);
|
|
}
|
|
this.load(data);
|
|
}
|
|
|
|
LivestreamPlayer.prototype.load = function(data) {
|
|
if (LIVESTREAM_CHROMELESS) {
|
|
data.meta.embed = {
|
|
src: 'https://cdn.livestream.com/chromelessPlayer/v20/playerapi.swf',
|
|
tag: 'object',
|
|
params: {
|
|
flashvars: "channel=" + data.id
|
|
}
|
|
};
|
|
} else {
|
|
data.meta.embed = {
|
|
src: "https://cdn.livestream.com/embed/" + data.id + "?layout=4&color=0x000000&iconColorOver=0xe7e7e7&iconColor=0xcccccc",
|
|
tag: 'iframe'
|
|
};
|
|
}
|
|
return LivestreamPlayer.__super__.load.call(this, data);
|
|
};
|
|
|
|
return LivestreamPlayer;
|
|
|
|
})(EmbedPlayer);
|
|
|
|
CUSTOM_EMBED_WARNING = 'This channel is embedding custom content from %link%. Since this content is not trusted, you must click "Embed" below to allow the content to be embedded.<hr>';
|
|
|
|
window.CustomEmbedPlayer = CustomEmbedPlayer = (function(superClass) {
|
|
extend(CustomEmbedPlayer, superClass);
|
|
|
|
function CustomEmbedPlayer(data) {
|
|
if (!(this instanceof CustomEmbedPlayer)) {
|
|
return new CustomEmbedPlayer(data);
|
|
}
|
|
this.load(data);
|
|
}
|
|
|
|
CustomEmbedPlayer.prototype.load = function(data) {
|
|
var alert, embedSrc, link;
|
|
if (data.meta.embed == null) {
|
|
console.error('CustomEmbedPlayer::load(): missing meta.embed');
|
|
return;
|
|
}
|
|
embedSrc = data.meta.embed.src;
|
|
link = "<a href=\"" + embedSrc + "\" target=\"_blank\"><strong>" + embedSrc + "</strong></a>";
|
|
alert = makeAlert('Untrusted Content', CUSTOM_EMBED_WARNING.replace('%link%', link), 'alert-warning').removeClass('col-md-12');
|
|
$('<button/>').addClass('btn btn-default').text('Embed').click((function(_this) {
|
|
return function() {
|
|
return CustomEmbedPlayer.__super__.load.call(_this, data);
|
|
};
|
|
})(this)).appendTo(alert.find('.alert'));
|
|
return removeOld(alert);
|
|
};
|
|
|
|
return CustomEmbedPlayer;
|
|
|
|
})(EmbedPlayer);
|
|
|
|
window.RTMPPlayer = RTMPPlayer = (function(superClass) {
|
|
extend(RTMPPlayer, superClass);
|
|
|
|
function RTMPPlayer(data) {
|
|
if (!(this instanceof RTMPPlayer)) {
|
|
return new RTMPPlayer(data);
|
|
}
|
|
this.setupMeta(data);
|
|
RTMPPlayer.__super__.constructor.call(this, data);
|
|
}
|
|
|
|
RTMPPlayer.prototype.load = function(data) {
|
|
this.setupMeta(data);
|
|
return RTMPPlayer.__super__.load.call(this, data);
|
|
};
|
|
|
|
RTMPPlayer.prototype.setupMeta = function(data) {
|
|
return data.meta.direct = {
|
|
480: [
|
|
{
|
|
link: data.id
|
|
}
|
|
]
|
|
};
|
|
};
|
|
|
|
return RTMPPlayer;
|
|
|
|
})(VideoJSPlayer);
|
|
|
|
window.HitboxPlayer = HitboxPlayer = (function(superClass) {
|
|
extend(HitboxPlayer, superClass);
|
|
|
|
function HitboxPlayer(data) {
|
|
if (!(this instanceof HitboxPlayer)) {
|
|
return new HitboxPlayer(data);
|
|
}
|
|
this.load(data);
|
|
}
|
|
|
|
HitboxPlayer.prototype.load = function(data) {
|
|
data.meta.embed = {
|
|
src: "https://www.hitbox.tv/embed/" + data.id,
|
|
tag: 'iframe'
|
|
};
|
|
return HitboxPlayer.__super__.load.call(this, data);
|
|
};
|
|
|
|
return HitboxPlayer;
|
|
|
|
})(EmbedPlayer);
|
|
|
|
USTREAM_ERROR = 'Ustream.tv\'s embed player only works over plain HTTP, but you are viewing this page over secure HTTPS. Your browser therefore blocks the ustream embed due to mixed content policy. In order to view ustream, you must view this page over plain HTTP (change "https://" to "http://" in the address bar)-- your websocket will still be connecting using secure HTTPS. This is something that ustream needs to fix.';
|
|
|
|
window.UstreamPlayer = UstreamPlayer = (function(superClass) {
|
|
extend(UstreamPlayer, superClass);
|
|
|
|
function UstreamPlayer(data) {
|
|
if (!(this instanceof UstreamPlayer)) {
|
|
return new UstreamPlayer(data);
|
|
}
|
|
this.load(data);
|
|
}
|
|
|
|
UstreamPlayer.prototype.load = function(data) {
|
|
data.meta.embed = {
|
|
tag: 'iframe',
|
|
src: "http://www.ustream.tv/embed/" + data.id + "?v=3&wmode=direct&autoplay=1"
|
|
};
|
|
return UstreamPlayer.__super__.load.call(this, data);
|
|
};
|
|
|
|
UstreamPlayer.prototype.mixedContentError = USTREAM_ERROR;
|
|
|
|
return UstreamPlayer;
|
|
|
|
})(EmbedPlayer);
|
|
|
|
window.ImgurPlayer = ImgurPlayer = (function(superClass) {
|
|
extend(ImgurPlayer, superClass);
|
|
|
|
function ImgurPlayer(data) {
|
|
if (!(this instanceof ImgurPlayer)) {
|
|
return new ImgurPlayer(data);
|
|
}
|
|
this.load(data);
|
|
}
|
|
|
|
ImgurPlayer.prototype.load = function(data) {
|
|
data.meta.embed = {
|
|
tag: 'iframe',
|
|
src: "https://imgur.com/a/" + data.id + "/embed"
|
|
};
|
|
return ImgurPlayer.__super__.load.call(this, data);
|
|
};
|
|
|
|
return ImgurPlayer;
|
|
|
|
})(EmbedPlayer);
|
|
|
|
window.GoogleDriveYouTubePlayer = GoogleDriveYouTubePlayer = (function(superClass) {
|
|
extend(GoogleDriveYouTubePlayer, superClass);
|
|
|
|
function GoogleDriveYouTubePlayer(data) {
|
|
if (!(this instanceof GoogleDriveYouTubePlayer)) {
|
|
return new GoogleDriveYouTubePlayer(data);
|
|
}
|
|
this.setMediaProperties(data);
|
|
this.init(data);
|
|
}
|
|
|
|
GoogleDriveYouTubePlayer.prototype.init = function(data) {
|
|
var embed;
|
|
window.promptToInstallDriveUserscript();
|
|
embed = $('<embed />').attr({
|
|
type: 'application/x-shockwave-flash',
|
|
src: "https://www.youtube.com/get_player?docid=" + data.id + "&ps=docs&partnerid=30&enablejsapi=1&cc_load_policy=1&auth_timeout=86400000000",
|
|
flashvars: 'autoplay=1&playerapiid=uniquePlayerId',
|
|
wmode: 'opaque',
|
|
allowscriptaccess: 'always'
|
|
});
|
|
removeOld(embed);
|
|
return window.onYouTubePlayerReady = (function(_this) {
|
|
return function() {
|
|
if (PLAYER !== _this) {
|
|
return;
|
|
}
|
|
_this.yt = embed[0];
|
|
window.gdriveStateChange = _this.onStateChange.bind(_this);
|
|
_this.yt.addEventListener('onStateChange', 'gdriveStateChange');
|
|
return _this.onReady();
|
|
};
|
|
})(this);
|
|
};
|
|
|
|
GoogleDriveYouTubePlayer.prototype.load = function(data) {
|
|
this.yt = null;
|
|
this.setMediaProperties(data);
|
|
return this.init(data);
|
|
};
|
|
|
|
GoogleDriveYouTubePlayer.prototype.onReady = function() {
|
|
this.yt.ready = true;
|
|
this.setVolume(VOLUME);
|
|
return this.setQuality(USEROPTS.default_quality);
|
|
};
|
|
|
|
GoogleDriveYouTubePlayer.prototype.onStateChange = function(ev) {
|
|
if (PLAYER !== this) {
|
|
return;
|
|
}
|
|
if ((ev === YT.PlayerState.PAUSED && !this.paused) || (ev === YT.PlayerState.PLAYING && this.paused)) {
|
|
this.paused = ev === YT.PlayerState.PAUSED;
|
|
if (CLIENT.leader) {
|
|
sendVideoUpdate();
|
|
}
|
|
}
|
|
if (ev === YT.PlayerState.ENDED && CLIENT.leader) {
|
|
return socket.emit('playNext');
|
|
}
|
|
};
|
|
|
|
GoogleDriveYouTubePlayer.prototype.play = function() {
|
|
this.paused = false;
|
|
if (this.yt && this.yt.ready) {
|
|
return this.yt.playVideo();
|
|
}
|
|
};
|
|
|
|
GoogleDriveYouTubePlayer.prototype.pause = function() {
|
|
this.paused = true;
|
|
if (this.yt && this.yt.ready) {
|
|
return this.yt.pauseVideo();
|
|
}
|
|
};
|
|
|
|
GoogleDriveYouTubePlayer.prototype.seekTo = function(time) {
|
|
if (this.yt && this.yt.ready) {
|
|
return this.yt.seekTo(time, true);
|
|
}
|
|
};
|
|
|
|
GoogleDriveYouTubePlayer.prototype.setVolume = function(volume) {
|
|
if (this.yt && this.yt.ready) {
|
|
if (volume > 0) {
|
|
this.yt.unMute();
|
|
}
|
|
return this.yt.setVolume(volume * 100);
|
|
}
|
|
};
|
|
|
|
GoogleDriveYouTubePlayer.prototype.setQuality = function(quality) {
|
|
var ytQuality;
|
|
if (!this.yt || !this.yt.ready) {
|
|
return;
|
|
}
|
|
ytQuality = (function() {
|
|
switch (String(quality)) {
|
|
case '240':
|
|
return 'small';
|
|
case '360':
|
|
return 'medium';
|
|
case '480':
|
|
return 'large';
|
|
case '720':
|
|
return 'hd720';
|
|
case '1080':
|
|
return 'hd1080';
|
|
case 'best':
|
|
return 'highres';
|
|
default:
|
|
return 'auto';
|
|
}
|
|
})();
|
|
if (ytQuality !== 'auto') {
|
|
return this.yt.setPlaybackQuality(ytQuality);
|
|
}
|
|
};
|
|
|
|
GoogleDriveYouTubePlayer.prototype.getTime = function(cb) {
|
|
if (this.yt && this.yt.ready) {
|
|
return cb(this.yt.getCurrentTime());
|
|
} else {
|
|
return cb(0);
|
|
}
|
|
};
|
|
|
|
GoogleDriveYouTubePlayer.prototype.getVolume = function(cb) {
|
|
if (this.yt && this.yt.ready) {
|
|
if (this.yt.isMuted()) {
|
|
return cb(0);
|
|
} else {
|
|
return cb(this.yt.getVolume() / 100);
|
|
}
|
|
} else {
|
|
return cb(VOLUME);
|
|
}
|
|
};
|
|
|
|
return GoogleDriveYouTubePlayer;
|
|
|
|
})(Player);
|
|
|
|
window.promptToInstallDriveUserscript = function() {
|
|
var alertBox, closeButton, infoLink;
|
|
if (document.getElementById('prompt-install-drive-userscript')) {
|
|
return;
|
|
}
|
|
alertBox = document.createElement('div');
|
|
alertBox.id = 'prompt-install-drive-userscript';
|
|
alertBox.className = 'alert alert-info';
|
|
alertBox.innerHTML = "Due to continual breaking changes making it increasingly difficult to\nmaintain Google Drive support, you can now install a userscript that\nsimplifies the code and has better compatibility. In the future, the\nold player will be removed.";
|
|
alertBox.appendChild(document.createElement('br'));
|
|
infoLink = document.createElement('a');
|
|
infoLink.className = 'btn btn-info';
|
|
infoLink.href = '/google_drive_userscript';
|
|
infoLink.textContent = 'Click here for details';
|
|
infoLink.target = '_blank';
|
|
alertBox.appendChild(infoLink);
|
|
closeButton = document.createElement('button');
|
|
closeButton.className = 'close pull-right';
|
|
closeButton.innerHTML = '×';
|
|
closeButton.onclick = function() {
|
|
return alertBox.parentNode.removeChild(alertBox);
|
|
};
|
|
alertBox.insertBefore(closeButton, alertBox.firstChild);
|
|
return document.getElementById('videowrap').appendChild(alertBox);
|
|
};
|
|
|
|
window.HLSPlayer = HLSPlayer = (function(superClass) {
|
|
extend(HLSPlayer, superClass);
|
|
|
|
function HLSPlayer(data) {
|
|
if (!(this instanceof HLSPlayer)) {
|
|
return new HLSPlayer(data);
|
|
}
|
|
this.setupMeta(data);
|
|
HLSPlayer.__super__.constructor.call(this, data);
|
|
}
|
|
|
|
HLSPlayer.prototype.load = function(data) {
|
|
this.setupMeta(data);
|
|
return HLSPlayer.__super__.load.call(this, data);
|
|
};
|
|
|
|
HLSPlayer.prototype.setupMeta = function(data) {
|
|
return data.meta.direct = {
|
|
480: [
|
|
{
|
|
link: data.id,
|
|
contentType: 'application/x-mpegURL'
|
|
}
|
|
]
|
|
};
|
|
};
|
|
|
|
return HLSPlayer;
|
|
|
|
})(VideoJSPlayer);
|
|
|
|
TYPE_MAP = {
|
|
yt: YouTubePlayer,
|
|
vi: VimeoPlayer,
|
|
dm: DailymotionPlayer,
|
|
gd: GoogleDrivePlayer,
|
|
gp: VideoJSPlayer,
|
|
fi: FilePlayer,
|
|
jw: FilePlayer,
|
|
sc: SoundCloudPlayer,
|
|
li: LivestreamPlayer,
|
|
tw: TwitchPlayer,
|
|
tv: TwitchPlayer,
|
|
cu: CustomEmbedPlayer,
|
|
rt: RTMPPlayer,
|
|
hb: HitboxPlayer,
|
|
us: UstreamPlayer,
|
|
im: ImgurPlayer,
|
|
vm: VideoJSPlayer,
|
|
hl: HLSPlayer,
|
|
sb: VideoJSPlayer
|
|
};
|
|
|
|
window.loadMediaPlayer = function(data) {
|
|
var e, error, error1, error2, error3, error4;
|
|
try {
|
|
if (window.PLAYER) {
|
|
window.PLAYER.destroy();
|
|
}
|
|
} catch (error1) {
|
|
error = error1;
|
|
console.error(error);
|
|
}
|
|
if (data.meta.direct && data.type !== 'gd') {
|
|
try {
|
|
return window.PLAYER = new VideoJSPlayer(data);
|
|
} catch (error2) {
|
|
e = error2;
|
|
return console.error(e);
|
|
}
|
|
} else if (data.type === 'gd') {
|
|
try {
|
|
if (data.meta.html5hack || window.hasDriveUserscript) {
|
|
return window.PLAYER = new GoogleDrivePlayer(data);
|
|
} else {
|
|
return window.PLAYER = new GoogleDriveYouTubePlayer(data);
|
|
}
|
|
} catch (error3) {
|
|
e = error3;
|
|
return console.error(e);
|
|
}
|
|
} else if (data.type in TYPE_MAP) {
|
|
try {
|
|
return window.PLAYER = TYPE_MAP[data.type](data);
|
|
} catch (error4) {
|
|
e = error4;
|
|
return console.error(e);
|
|
}
|
|
}
|
|
};
|
|
|
|
window.handleMediaUpdate = function(data) {
|
|
var PLAYER, waiting;
|
|
PLAYER = window.PLAYER;
|
|
if (typeof PLAYER.mediaLength === 'number' && PLAYER.mediaLength > 0 && data.currentTime > PLAYER.mediaLength) {
|
|
return;
|
|
}
|
|
waiting = data.currentTime < 0;
|
|
if (data.id && data.id !== PLAYER.mediaId) {
|
|
if (data.currentTime < 0) {
|
|
data.currentTime = 0;
|
|
}
|
|
PLAYER.load(data);
|
|
PLAYER.play();
|
|
}
|
|
if (waiting) {
|
|
PLAYER.seekTo(0);
|
|
if (PLAYER instanceof YouTubePlayer) {
|
|
PLAYER.pauseSeekRaceCondition = true;
|
|
} else {
|
|
PLAYER.pause();
|
|
}
|
|
return;
|
|
} else if (PLAYER instanceof YouTubePlayer) {
|
|
PLAYER.pauseSeekRaceCondition = false;
|
|
}
|
|
if (CLIENT.leader || !USEROPTS.synch) {
|
|
return;
|
|
}
|
|
if (data.paused && !PLAYER.paused) {
|
|
PLAYER.seekTo(data.currentTime);
|
|
PLAYER.pause();
|
|
} else if (PLAYER.paused && !data.paused) {
|
|
PLAYER.play();
|
|
}
|
|
return PLAYER.getTime(function(seconds) {
|
|
var accuracy, diff, time;
|
|
time = data.currentTime;
|
|
diff = (time - seconds) || time;
|
|
accuracy = USEROPTS.sync_accuracy;
|
|
if (PLAYER instanceof DailymotionPlayer) {
|
|
accuracy = Math.max(accuracy, 5);
|
|
}
|
|
if (diff > accuracy) {
|
|
return PLAYER.seekTo(time);
|
|
} else if (diff < -accuracy) {
|
|
if (!(PLAYER instanceof DailymotionPlayer)) {
|
|
time += 1;
|
|
}
|
|
return PLAYER.seekTo(time);
|
|
}
|
|
});
|
|
};
|
|
|
|
window.removeOld = function(replace) {
|
|
var old;
|
|
$('#soundcloud-volume-holder').remove();
|
|
if (replace == null) {
|
|
replace = $('<div/>').addClass('embed-responsive-item');
|
|
}
|
|
old = $('#ytapiplayer');
|
|
replace.insertBefore(old);
|
|
old.remove();
|
|
replace.attr('id', 'ytapiplayer');
|
|
return replace;
|
|
};
|
|
|
|
}).call(this);
|