mirror of https://github.com/calzoneman/sync.git
Start working on Dailymotion
This commit is contained in:
parent
a291836a99
commit
daf2463a6a
|
@ -0,0 +1,105 @@
|
||||||
|
window.DailymotionPlayer = class DailymotionPlayer extends Player
|
||||||
|
constructor: (data) ->
|
||||||
|
if not (this instanceof DailymotionPlayer)
|
||||||
|
return new DailymotionPlayer(data)
|
||||||
|
|
||||||
|
@setMediaProperties(data)
|
||||||
|
@initialVolumeSet = false
|
||||||
|
|
||||||
|
waitUntilDefined(window, 'DM', =>
|
||||||
|
removeOld()
|
||||||
|
|
||||||
|
params =
|
||||||
|
autoplay: 1
|
||||||
|
wmode: if USEROPTS.wmode_transparent then 'transparent' else 'opaque'
|
||||||
|
logo: 0
|
||||||
|
|
||||||
|
quality = @mapQuality(USEROPTS.default_quality)
|
||||||
|
if quality != 'auto'
|
||||||
|
params.quality = quality
|
||||||
|
|
||||||
|
@dm = DM.player('ytapiplayer',
|
||||||
|
video: data.id
|
||||||
|
width: parseInt(VWIDTH, 10)
|
||||||
|
height: parseInt(VHEIGHT, 10)
|
||||||
|
params: params
|
||||||
|
)
|
||||||
|
|
||||||
|
@dm.addEventListener('apiready', =>
|
||||||
|
@dm.ready = true
|
||||||
|
@dm.addEventListener('ended', ->
|
||||||
|
if CLIENT.leader
|
||||||
|
socket.emit('playNext')
|
||||||
|
)
|
||||||
|
|
||||||
|
@dm.addEventListener('pause', =>
|
||||||
|
@paused = true
|
||||||
|
if CLIENT.leader
|
||||||
|
sendVideoUpdate()
|
||||||
|
)
|
||||||
|
|
||||||
|
@dm.addEventListener('playing', =>
|
||||||
|
@paused = false
|
||||||
|
if CLIENT.leader
|
||||||
|
sendVideoUpdate()
|
||||||
|
|
||||||
|
if not @initialVolumeSet
|
||||||
|
@setVolume(VOLUME)
|
||||||
|
@initialVolumeSet = true
|
||||||
|
)
|
||||||
|
)
|
||||||
|
)
|
||||||
|
|
||||||
|
load: (data) ->
|
||||||
|
@setMediaProperties(data)
|
||||||
|
if @dm and @dm.ready
|
||||||
|
@dm.load(data.id)
|
||||||
|
@dm.seek(data.currentTime)
|
||||||
|
else
|
||||||
|
console.error('WTF? DailymotionPlayer::load() called but dm is not ready')
|
||||||
|
|
||||||
|
pause: ->
|
||||||
|
if @dm and @dm.ready
|
||||||
|
@paused = true
|
||||||
|
@dm.pause()
|
||||||
|
|
||||||
|
play: ->
|
||||||
|
if @dm and @dm.ready
|
||||||
|
@paused = false
|
||||||
|
@dm.play()
|
||||||
|
|
||||||
|
seekTo: (time) ->
|
||||||
|
if @dm and @dm.ready
|
||||||
|
@dm.seek(time)
|
||||||
|
|
||||||
|
setVolume: (volume) ->
|
||||||
|
if @dm and @dm.ready
|
||||||
|
@dm.setVolume(volume)
|
||||||
|
|
||||||
|
getTime: (cb) ->
|
||||||
|
if @dm and @dm.ready
|
||||||
|
cb(@dm.currentTime)
|
||||||
|
else
|
||||||
|
cb(0)
|
||||||
|
|
||||||
|
getVolume: (cb) ->
|
||||||
|
if @dm and @dm.ready
|
||||||
|
if @dm.muted
|
||||||
|
cb(0)
|
||||||
|
else
|
||||||
|
volume = @dm.volume
|
||||||
|
# There was once a bug in Dailymotion where it sometimes gave back
|
||||||
|
# volumes in the wrong range. Not sure if this is still a necessary
|
||||||
|
# check.
|
||||||
|
if volume > 1
|
||||||
|
volume /= 100
|
||||||
|
cb(volume)
|
||||||
|
else
|
||||||
|
cb(VOLUME)
|
||||||
|
|
||||||
|
mapQuality: (quality) ->
|
||||||
|
switch String(quality)
|
||||||
|
when '240', '480', '720', '1080' then String(quality)
|
||||||
|
when '360' then '380'
|
||||||
|
when 'best' then '1080'
|
||||||
|
else 'auto'
|
|
@ -1,6 +1,7 @@
|
||||||
TYPE_MAP =
|
TYPE_MAP =
|
||||||
yt: YouTubePlayer
|
yt: YouTubePlayer
|
||||||
vi: VimeoPlayer
|
vi: VimeoPlayer
|
||||||
|
dm: DailymotionPlayer
|
||||||
|
|
||||||
window.loadMediaPlayer = (data) ->
|
window.loadMediaPlayer = (data) ->
|
||||||
if data.type of TYPE_MAP
|
if data.type of TYPE_MAP
|
||||||
|
|
|
@ -9,7 +9,7 @@ window.YouTubePlayer = class YouTubePlayer extends Player
|
||||||
|
|
||||||
waitUntilDefined(window, 'YT', =>
|
waitUntilDefined(window, 'YT', =>
|
||||||
# Even after window.YT is defined, YT.Player may not be, which causes a
|
# Even after window.YT is defined, YT.Player may not be, which causes a
|
||||||
# "YT.Player is not a constructor" error occasionally
|
# 'YT.Player is not a constructor' error occasionally
|
||||||
waitUntilDefined(YT, 'Player', =>
|
waitUntilDefined(YT, 'Player', =>
|
||||||
removeOld()
|
removeOld()
|
||||||
|
|
||||||
|
@ -94,15 +94,15 @@ window.YouTubePlayer = class YouTubePlayer extends Player
|
||||||
return
|
return
|
||||||
|
|
||||||
ytQuality = switch String(quality)
|
ytQuality = switch String(quality)
|
||||||
when "240" then "small"
|
when '240' then 'small'
|
||||||
when "360" then "medium"
|
when '360' then 'medium'
|
||||||
when "480" then "large"
|
when '480' then 'large'
|
||||||
when "720" then "hd720"
|
when '720' then 'hd720'
|
||||||
when "1080" then "hd1080"
|
when '1080' then 'hd1080'
|
||||||
when "best" then "highres"
|
when 'best' then 'highres'
|
||||||
else "auto"
|
else 'auto'
|
||||||
|
|
||||||
if ytQuality != "auto"
|
if ytQuality != 'auto'
|
||||||
@yt.setPlaybackQuality(ytQuality)
|
@yt.setPlaybackQuality(ytQuality)
|
||||||
|
|
||||||
getTime: (cb) ->
|
getTime: (cb) ->
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
(function() {
|
(function() {
|
||||||
var Player, TYPE_MAP, VimeoPlayer, YouTubePlayer,
|
var DailymotionPlayer, Player, TYPE_MAP, VimeoPlayer, YouTubePlayer,
|
||||||
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; },
|
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;
|
hasProp = {}.hasOwnProperty;
|
||||||
|
|
||||||
|
@ -262,23 +262,23 @@
|
||||||
}
|
}
|
||||||
ytQuality = (function() {
|
ytQuality = (function() {
|
||||||
switch (String(quality)) {
|
switch (String(quality)) {
|
||||||
case "240":
|
case '240':
|
||||||
return "small";
|
return 'small';
|
||||||
case "360":
|
case '360':
|
||||||
return "medium";
|
return 'medium';
|
||||||
case "480":
|
case '480':
|
||||||
return "large";
|
return 'large';
|
||||||
case "720":
|
case '720':
|
||||||
return "hd720";
|
return 'hd720';
|
||||||
case "1080":
|
case '1080':
|
||||||
return "hd1080";
|
return 'hd1080';
|
||||||
case "best":
|
case 'best':
|
||||||
return "highres";
|
return 'highres';
|
||||||
default:
|
default:
|
||||||
return "auto";
|
return 'auto';
|
||||||
}
|
}
|
||||||
})();
|
})();
|
||||||
if (ytQuality !== "auto") {
|
if (ytQuality !== 'auto') {
|
||||||
return this.yt.setPlaybackQuality(ytQuality);
|
return this.yt.setPlaybackQuality(ytQuality);
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
@ -307,9 +307,147 @@
|
||||||
|
|
||||||
})(Player);
|
})(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);
|
||||||
|
|
||||||
TYPE_MAP = {
|
TYPE_MAP = {
|
||||||
yt: YouTubePlayer,
|
yt: YouTubePlayer,
|
||||||
vi: VimeoPlayer
|
vi: VimeoPlayer,
|
||||||
|
dm: DailymotionPlayer
|
||||||
};
|
};
|
||||||
|
|
||||||
window.loadMediaPlayer = function(data) {
|
window.loadMediaPlayer = function(data) {
|
||||||
|
|
Loading…
Reference in New Issue