693 lines
18 KiB
JavaScript
693 lines
18 KiB
JavaScript
/*
|
|
The MIT License (MIT)
|
|
Copyright (c) 2013 Calvin Montgomery
|
|
|
|
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
|
|
|
|
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
|
|
|
|
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
|
*/
|
|
|
|
var VIMEO_FLASH = false;
|
|
|
|
var Player = function(data) {
|
|
if(!data) {
|
|
data = {
|
|
id: "",
|
|
type: "null"
|
|
};
|
|
}
|
|
this.id = data.id;
|
|
this.type = data.type;
|
|
this.length = data.length;
|
|
this.currentTime = data.currentTime || 0;
|
|
this.diff = 0;
|
|
|
|
function postInit() {
|
|
this.load(data);
|
|
}
|
|
postInit.bind(this);
|
|
|
|
switch(this.type) {
|
|
case "yt":
|
|
this.initYouTube();
|
|
break;
|
|
case "vi":
|
|
if(VIMEO_FLASH)
|
|
this.initVimeoFlash();
|
|
else
|
|
this.initVimeo();
|
|
break;
|
|
case "dm":
|
|
this.initDailymotion();
|
|
break;
|
|
case "sc":
|
|
this.initSoundcloud();
|
|
break;
|
|
case "li":
|
|
this.initLivestream();
|
|
break;
|
|
case "tw":
|
|
this.initTwitch();
|
|
break;
|
|
case "jt":
|
|
this.initJustinTV();
|
|
break;
|
|
case "rt":
|
|
this.initRTMP();
|
|
break;
|
|
case "jw":
|
|
this.initJWPlayer();
|
|
break;
|
|
case "us":
|
|
this.initUstream();
|
|
break;
|
|
case "im":
|
|
this.initImgur();
|
|
break;
|
|
default:
|
|
this.nullPlayer();
|
|
break;
|
|
}
|
|
}
|
|
|
|
Player.prototype.nullPlayer = function() {
|
|
this.player = null;
|
|
this.load = function(data) { }
|
|
this.play = function() { }
|
|
this.pause = function() { }
|
|
this.getTime = function(callback) { }
|
|
this.seek = function(time) { }
|
|
}
|
|
|
|
Player.prototype.initYouTube = function() {
|
|
this.removeOld();
|
|
this.player = new YT.Player("ytapiplayer", {
|
|
height: VHEIGHT,
|
|
width: VWIDTH,
|
|
videoId: this.id,
|
|
playerVars: {
|
|
autohide: 1, // Autohide controls
|
|
autoplay: 1, // Autoplay video
|
|
controls: 1, // Show controls
|
|
iv_load_policy: 3, // No annotations
|
|
modestbranding: 1, // No logo
|
|
rel: 0 // No related videos
|
|
},
|
|
events: {
|
|
onReady: function() {
|
|
socket.emit("playerReady");
|
|
},
|
|
onStateChange: function(ev) {
|
|
if(PLAYER.paused && ev.data != YT.PlayerState.PAUSED
|
|
|| !PLAYER.paused && ev.data == YT.PlayerState.PAUSED) {
|
|
PLAYER.paused = (ev.data == YT.PlayerState.PAUSED);
|
|
sendVideoUpdate();
|
|
}
|
|
else {
|
|
PLAYER.paused = (ev.data == YT.PlayerState.PAUSED);
|
|
}
|
|
if(CLIENT.leader && ev.data == YT.PlayerState.ENDED) {
|
|
socket.emit("playNext");
|
|
}
|
|
}
|
|
}
|
|
});
|
|
$("#ytapiplayer").css("border", "none");
|
|
|
|
this.load = function(data) {
|
|
if(this.player.loadVideoById) {
|
|
this.player.loadVideoById(data.id, data.currentTime);
|
|
if(VIDEOQUALITY)
|
|
this.player.setPlaybackQuality(VIDEOQUALITY);
|
|
this.id = data.id;
|
|
}
|
|
}
|
|
|
|
this.pause = function() {
|
|
if(this.player.pauseVideo)
|
|
this.player.pauseVideo();
|
|
}
|
|
|
|
this.play = function() {
|
|
if(this.player.playVideo)
|
|
this.player.playVideo();
|
|
}
|
|
|
|
this.isPaused = function(callback) {
|
|
callback(this.player.getPlayerState() != YT.PlayerState.PLAYING);
|
|
}
|
|
|
|
this.getTime = function(callback) {
|
|
if(this.player.getCurrentTime)
|
|
callback(this.player.getCurrentTime());
|
|
}
|
|
|
|
this.seek = function(time) {
|
|
if(this.player.seekTo)
|
|
this.player.seekTo(time, true);
|
|
}
|
|
}
|
|
|
|
Player.prototype.initVimeo = function() {
|
|
var iframe = $("<iframe/>").insertBefore($("#ytapiplayer"));
|
|
$("#ytapiplayer").remove();
|
|
iframe.attr("id", "ytapiplayer");
|
|
iframe.attr("width", VWIDTH);
|
|
iframe.attr("height", VHEIGHT);
|
|
iframe.attr("src", "http://player.vimeo.com/video/"+this.id+"?api=1&player_id=ytapiplayer");
|
|
iframe.attr("webkitAllowFullScreen", "");
|
|
iframe.attr("mozallowfullscreen", "");
|
|
iframe.attr("allowFullScreen", "");
|
|
iframe.css("border", "none");
|
|
|
|
this.player = $f(iframe[0]);
|
|
$f(iframe[0]).addEvent("ready", function() {
|
|
socket.emit("playerReady");
|
|
this.player = $f(iframe[0]);
|
|
this.player.api("play");
|
|
|
|
this.player.addEvent("finish", function() {
|
|
if(CLIENT.leader) {
|
|
socket.emit("playNext");
|
|
}
|
|
});
|
|
|
|
this.player.addEvent("pause", function() {
|
|
PLAYER.paused = true;
|
|
sendVideoUpdate();
|
|
});
|
|
|
|
this.player.addEvent("play", function() {
|
|
PLAYER.paused = false;
|
|
sendVideoUpdate();
|
|
});
|
|
}.bind(this));
|
|
|
|
this.load = function(data) {
|
|
this.id = data.id;
|
|
this.initVimeo();
|
|
}
|
|
|
|
this.pause = function() {
|
|
this.player.api("pause");
|
|
}
|
|
|
|
this.play = function() {
|
|
this.player.api("play");
|
|
}
|
|
|
|
this.isPaused = function(callback) {
|
|
callback(this.paused);
|
|
}
|
|
|
|
this.getTime = function(callback) {
|
|
// Vimeo api returns time as a string because fuck logic
|
|
this.player.api("getCurrentTime", function(time) {
|
|
callback(parseFloat(time));
|
|
});
|
|
}
|
|
|
|
this.seek = function(time) {
|
|
this.player.api("seekTo", time);
|
|
}
|
|
}
|
|
|
|
Player.prototype.initVimeoFlash = function() {
|
|
this.removeOld();
|
|
var url = "http://vimeo.com/moogaloop.swf?clip_id="+this.id;
|
|
url += "&" + [
|
|
"server=vimeo.com",
|
|
"api=2",
|
|
"show_title=0",
|
|
"show_byline=0",
|
|
"show_portrait=0",
|
|
"fullscreen=1",
|
|
"loop=0"
|
|
].join("&");
|
|
var flashvars = {
|
|
api: 2,
|
|
player_id: "ytapiplayer"
|
|
};
|
|
var params = {
|
|
allowfullscreen: true,
|
|
allowScriptAccess: "always"
|
|
};
|
|
swfobject.embedSWF(url
|
|
, "ytapiplayer"
|
|
, VWIDTH
|
|
, VHEIGHT
|
|
, "9.0.0"
|
|
, "expressInstall.swf"
|
|
, flashvars
|
|
, params);
|
|
|
|
this.player = $("#ytapiplayer")[0];
|
|
waitUntilDefined(this.player, "api_addEventListener", function () {
|
|
this.player.api_addEventListener("ready", function () {
|
|
socket.emit("playerReady");
|
|
this.player.api_play();
|
|
|
|
this.player.api_addEvent("finish", function () {
|
|
if(CLIENT.leader)
|
|
socket.emit("playNext");
|
|
});
|
|
|
|
this.player.api_addEvent("pause", function() {
|
|
PLAYER.paused = true;
|
|
sendVideoUpdate();
|
|
});
|
|
|
|
this.player.api_addEvent("play", function() {
|
|
PLAYER.paused = false;
|
|
sendVideoUpdate();
|
|
});
|
|
}.bind(this));
|
|
});
|
|
|
|
this.load = function(data) {
|
|
this.id = data.id;
|
|
this.initVimeoFlash();
|
|
}
|
|
|
|
this.pause = function() {
|
|
this.player.api_pause();
|
|
}
|
|
|
|
this.play = function() {
|
|
this.player.api_play();
|
|
}
|
|
|
|
this.isPaused = function(callback) {
|
|
callback(this.paused);
|
|
}
|
|
|
|
this.getTime = function(callback) {
|
|
var t = parseFloat(this.player.api_getCurrentTime());
|
|
callback(t);
|
|
}
|
|
|
|
this.seek = function(time) {
|
|
this.player.api_seekTo(time);
|
|
}
|
|
}
|
|
|
|
Player.prototype.initDailymotion = function() {
|
|
this.removeOld();
|
|
this.player = DM.player("ytapiplayer", {
|
|
video: this.id,
|
|
width: parseInt(VWIDTH),
|
|
height: parseInt(VHEIGHT),
|
|
params: {autoplay: 1}
|
|
});
|
|
|
|
this.player.addEventListener("apiready", function(e) {
|
|
socket.emit("playerReady");
|
|
this.player.addEventListener("ended", function(e) {
|
|
if(CLIENT.leader) {
|
|
socket.emit("playNext");
|
|
}
|
|
});
|
|
|
|
this.player.addEventListener("pause", function(e) {
|
|
PLAYER.paused = true;
|
|
sendVideoUpdate();
|
|
});
|
|
|
|
this.player.addEventListener("playing", function(e) {
|
|
PLAYER.paused = false;
|
|
sendVideoUpdate();
|
|
});
|
|
}.bind(this));
|
|
|
|
|
|
this.load = function(data) {
|
|
this.id = data.id;
|
|
this.player.api("load", data.id);
|
|
}
|
|
|
|
this.pause = function() {
|
|
this.player.api("pause");
|
|
}
|
|
|
|
this.play = function() {
|
|
this.player.api("play");
|
|
}
|
|
|
|
this.isPaused = function(callback) {
|
|
callback(this.paused);
|
|
}
|
|
|
|
this.getTime = function(callback) {
|
|
callback(this.player.currentTime);
|
|
}
|
|
|
|
this.seek = function(seconds) {
|
|
this.player.api("seek", seconds);
|
|
}
|
|
}
|
|
|
|
Player.prototype.initSoundcloud = function() {
|
|
unfixSoundcloudShit();
|
|
var iframe = $("<iframe/>").insertBefore($("#ytapiplayer"));
|
|
$("#ytapiplayer").remove();
|
|
|
|
iframe.attr("id", "ytapiplayer");
|
|
iframe.attr("src", "https://w.soundcloud.com/player/?url=" + this.id);
|
|
iframe.css("width", "100%").attr("height", "166");
|
|
iframe.css("border", "none");
|
|
|
|
this.player = SC.Widget("ytapiplayer");
|
|
|
|
this.player.bind(SC.Widget.Events.READY, function() {
|
|
socket.emit("playerReady");
|
|
this.player.load(this.id, {auto_play: true});
|
|
|
|
this.player.bind(SC.Widget.Events.PAUSE, function() {
|
|
PLAYER.paused = true;
|
|
sendVideoUpdate();
|
|
});
|
|
|
|
this.player.bind(SC.Widget.Events.PLAY, function() {
|
|
PLAYER.paused = false;
|
|
sendVideoUpdate();
|
|
});
|
|
|
|
this.player.bind(SC.Widget.Events.FINISH, function() {
|
|
if(CLIENT.leader) {
|
|
socket.emit("playNext");
|
|
}
|
|
});
|
|
}.bind(this));
|
|
|
|
this.load = function(data) {
|
|
this.id = data.id;
|
|
this.length = data.length;
|
|
this.player.load(data.id, {auto_play: true});
|
|
}
|
|
|
|
this.pause = function() {
|
|
this.player.pause();
|
|
}
|
|
|
|
this.play = function() {
|
|
this.player.play();
|
|
}
|
|
|
|
this.isPaused = this.player.isPaused;
|
|
|
|
this.getTime = function(callback) {
|
|
this.player.getPosition(function(pos) {
|
|
callback(pos / 1000);
|
|
});
|
|
}
|
|
|
|
this.seek = function(seconds) {
|
|
this.player.seekTo(seconds * 1000);
|
|
}
|
|
}
|
|
|
|
Player.prototype.initLivestream = function() {
|
|
this.removeOld();
|
|
var flashvars = {channel: this.id};
|
|
var params = {AllowScriptAccess: "always"};
|
|
swfobject.embedSWF("http://cdn.livestream.com/chromelessPlayer/v20/playerapi.swf", "ytapiplayer", VWIDTH, VHEIGHT, "9.0.0", "expressInstall.swf", flashvars, params);
|
|
|
|
this.load = function(data) {
|
|
this.id = data.id;
|
|
this.initLivestream();
|
|
}
|
|
|
|
this.pause = function() { }
|
|
|
|
this.play = function() { }
|
|
|
|
this.isPaused = function() { }
|
|
|
|
this.getTime = function() { }
|
|
|
|
this.seek = function() { }
|
|
}
|
|
|
|
Player.prototype.initTwitch = function() {
|
|
this.removeOld();
|
|
var url = "http://www.twitch.tv/widgets/live_embed_player.swf?channel="+this.id;
|
|
var params = {
|
|
allowFullScreen:"true",
|
|
allowScriptAccess:"always",
|
|
allowNetworking:"all",
|
|
movie:"http://www.twitch.tv/widgets/live_embed_player.swf",
|
|
id: "live_embed_player_flash",
|
|
flashvars:"hostname=www.twitch.tv&channel="+this.id+"&auto_play=true&start_volume=100"
|
|
};
|
|
swfobject.embedSWF( url, "ytapiplayer", VWIDTH, VHEIGHT, "8", null, null, params, {} );
|
|
|
|
this.load = function(data) {
|
|
this.id = data.id;
|
|
this.initTwitch();
|
|
}
|
|
|
|
this.pause = function() { }
|
|
|
|
this.play = function() { }
|
|
|
|
this.isPaused = function() { }
|
|
|
|
this.getTime = function() { }
|
|
|
|
this.seek = function() { }
|
|
}
|
|
|
|
Player.prototype.initJustinTV = function() {
|
|
this.removeOld();
|
|
var url = "http://www.justin.tv/widgets/live_embed_player.swf?channel="+this.id;
|
|
var params = {
|
|
allowFullScreen:"true",
|
|
allowScriptAccess:"always",
|
|
allowNetworking:"all",
|
|
movie:"http://www.justin.tv/widgets/live_embed_player.swf",
|
|
id: "live_embed_player_flash",
|
|
flashvars:"hostname=www.justin.tv&channel="+this.id+"&auto_play=true&start_volume=100"
|
|
};
|
|
swfobject.embedSWF( url, "ytapiplayer", VWIDTH, VHEIGHT, "8", null, null, params, {} );
|
|
|
|
this.load = function(data) {
|
|
this.id = data.id;
|
|
this.initJustinTV();
|
|
}
|
|
|
|
this.pause = function() { }
|
|
|
|
this.play = function() { }
|
|
|
|
this.isPaused = function() { }
|
|
|
|
this.getTime = function() { }
|
|
|
|
this.seek = function() { }
|
|
}
|
|
|
|
Player.prototype.initRTMP = function() {
|
|
this.removeOld();
|
|
var url = "http://fpdownload.adobe.com/strobe/FlashMediaPlayback_101.swf";
|
|
var src = encodeURIComponent(this.id);
|
|
var params = {
|
|
allowFullScreen:"true",
|
|
allowScriptAccess:"always",
|
|
allowNetworking:"all",
|
|
wMode:"direct",
|
|
movie:"http://fpdownload.adobe.com/strobe/FlashMediaPlayback_101.swf",
|
|
flashvars:"src="+src+"&streamType=live&autoPlay=true"
|
|
};
|
|
swfobject.embedSWF(url, "ytapiplayer", VWIDTH, VHEIGHT, "8", null, null, params, {} );
|
|
|
|
this.load = function(data) {
|
|
this.id = data.id;
|
|
this.initRTMP();
|
|
}
|
|
|
|
this.pause = function() { }
|
|
|
|
this.play = function() { }
|
|
|
|
this.isPaused = function() { }
|
|
|
|
this.getTime = function() { }
|
|
|
|
this.seek = function() { }
|
|
}
|
|
|
|
Player.prototype.initJWPlayer = function() {
|
|
if(typeof jwplayer == "undefined") {
|
|
setTimeout(function() {
|
|
this.initJWPlayer();
|
|
}.bind(this), 100);
|
|
return;
|
|
}
|
|
this.removeOld();
|
|
|
|
jwplayer("ytapiplayer").setup({
|
|
file: this.id,
|
|
width: VWIDTH,
|
|
height: VHEIGHT,
|
|
autostart: true
|
|
});
|
|
|
|
jwplayer().onPlay(function() {
|
|
this.paused = false;
|
|
}.bind(this));
|
|
jwplayer().onPause(function() {
|
|
this.paused = true;
|
|
}.bind(this));
|
|
jwplayer().onComplete(function() {
|
|
socket.emit("playNext");
|
|
});
|
|
|
|
this.load = function(data) {
|
|
this.id = data.id;
|
|
this.initJWPlayer();
|
|
}
|
|
|
|
this.pause = function() {
|
|
jwplayer().pause(true);
|
|
}
|
|
|
|
this.play = function() {
|
|
jwplayer().play(true);
|
|
}
|
|
|
|
this.isPaused = function(callback) {
|
|
callback(jwplayer().getState() !== "PLAYING");
|
|
}
|
|
|
|
this.getTime = function(callback) {
|
|
// Only return time for non-live media
|
|
if(jwplayer().getDuration() != -1) {
|
|
callback(jwplayer().getPosition());
|
|
}
|
|
}
|
|
|
|
this.seek = function(time) {
|
|
jwplayer().seek(time);
|
|
}
|
|
}
|
|
|
|
Player.prototype.initUstream = function() {
|
|
var iframe = $("<iframe/>").insertBefore($("#ytapiplayer"));
|
|
$("#ytapiplayer").remove();
|
|
iframe.attr("id", "ytapiplayer");
|
|
iframe.attr("width", VWIDTH);
|
|
iframe.attr("height", VHEIGHT);
|
|
iframe.attr("src", "http://www.ustream.tv/embed/"+this.id+"?v=3&wmode=direct");
|
|
iframe.attr("frameborder", "0");
|
|
iframe.attr("scrolling", "no");
|
|
iframe.css("border", "none");
|
|
|
|
this.load = function(data) {
|
|
this.id = data.id;
|
|
this.initUstream();
|
|
}
|
|
|
|
this.pause = function() { }
|
|
|
|
this.play = function() { }
|
|
|
|
this.isPaused = function() { }
|
|
|
|
this.getTime = function() { }
|
|
|
|
this.seek = function() { }
|
|
}
|
|
|
|
Player.prototype.initImgur = function() {
|
|
var iframe = $("<iframe/>").insertBefore($("#ytapiplayer"));
|
|
$("#ytapiplayer").remove();
|
|
iframe.attr("id", "ytapiplayer");
|
|
iframe.attr("width", VWIDTH);
|
|
iframe.attr("height", VHEIGHT);
|
|
iframe.attr("src", "http://imgur.com/a/"+this.id+"/embed");
|
|
iframe.attr("frameborder", "0");
|
|
iframe.attr("scrolling", "no");
|
|
iframe.css("border", "none");
|
|
|
|
this.load = function(data) {
|
|
this.id = data.id;
|
|
this.initImgur()
|
|
}
|
|
|
|
this.pause = function() { }
|
|
|
|
this.play = function() { }
|
|
|
|
this.isPaused = function() { }
|
|
|
|
this.getTime = function() { }
|
|
|
|
this.seek = function() { }
|
|
}
|
|
|
|
Player.prototype.update = function(data) {
|
|
this.currentTime = data.currentTime;
|
|
if(data.id && data.id != this.id) {
|
|
if(data.currentTime < 0) {
|
|
data.currentTime = 0;
|
|
}
|
|
this.load(data);
|
|
this.play();
|
|
}
|
|
if(CLIENT.leader) {
|
|
return;
|
|
}
|
|
if(!USEROPTS.synch) {
|
|
return;
|
|
}
|
|
if(data.paused) {
|
|
this.seek(data.currentTime);
|
|
this.pause();
|
|
}
|
|
else {
|
|
this.isPaused(function(paused) {
|
|
paused && this.play();
|
|
}.bind(this));
|
|
}
|
|
this.getTime(function(seconds) {
|
|
var time = data.currentTime;
|
|
var diff = time - seconds || time;
|
|
|
|
if(diff > USEROPTS.sync_accuracy) {
|
|
this.seek(time);
|
|
}
|
|
else if(diff < -USEROPTS.sync_accuracy) {
|
|
this.seek(time + 1);
|
|
}
|
|
}.bind(this));
|
|
}
|
|
|
|
Player.prototype.removeOld = function() {
|
|
var old = $("#ytapiplayer");
|
|
var placeholder = $("<div/>").insertBefore(old);
|
|
old.remove();
|
|
placeholder.attr("id", "ytapiplayer");
|
|
}
|
|
|
|
Player.prototype.hide = function() {
|
|
if(!/chrome/ig.test(navigator.userAgent)) {
|
|
return;
|
|
}
|
|
this.size = {
|
|
width: $("#ytapiplayer").attr("width"),
|
|
height: $("#ytapiplayer").attr("height")
|
|
};
|
|
$("#ytapiplayer").attr("width", 1)
|
|
.attr("height", 1);
|
|
}
|
|
|
|
Player.prototype.unhide = function() {
|
|
if(!/chrome/ig.test(navigator.userAgent)) {
|
|
return;
|
|
}
|
|
$("#ytapiplayer").attr("width", this.size.width)
|
|
.attr("height", this.size.height);
|
|
}
|