Work on YouTube player

This commit is contained in:
calzoneman 2015-04-23 22:24:43 -05:00
parent f0c75211fb
commit d77497aaa7
3 changed files with 155 additions and 7 deletions

View File

@ -1,11 +1,15 @@
class Player
constructor: (data) ->
@load(data)
@setMediaProperties(data)
@paused = false
load: (data) ->
@setMediaProperties(data)
setMediaProperties: (data) ->
@mediaId = data.id
@mediaType = data.type
@mediaLength = data.seconds
play: ->
@paused = false

View File

@ -1,6 +1,9 @@
class YouTubePlayer extends Player
constructor: (data) ->
super()
@setMediaProperties(data)
@qualityRaceCondition = true
@pauseSeekRaceCondition = true
waitUntilDefined(window, 'YT', =>
removeOld()
@ -11,7 +14,7 @@ class YouTubePlayer extends Player
autohide: 1
autoplay: 1
controls: 1
iv_load_policy: 3
iv_load_policy: 3 # iv_load_policy 3 indicates no annotations
rel: 0
wmode: wmode
events:
@ -20,8 +23,68 @@ class YouTubePlayer extends Player
)
)
load: (data) ->
super(data)
if @yt
@yt.loadVideoById(data.id, data.currentTime)
@qualityRaceCondition = true
if USEROPTS.default_quality
@yt.setPlaybackQuality(USEROPTS.default_quality)
onReady: ->
@yt.setVolume(VOLUME)
onStateChange: (ev) ->
# For some reason setting the quality doesn't work
# until the first event has fired.
if @qualityRaceCondition
@qualityRaceCondition = false
@yt.setPlaybackQuality(USEROPTS.default_quality)
# Similar to above, if you pause the video before the first PLAYING
# event is emitted, weird things happen.
if ev.data == YT.PlayerState.PLAYING and @pauseSeekRaceCondition
@pause()
@pauseSeekRaceCondition = false
if (ev.data == YT.PlayerState.PAUSED and not @paused) or
(ev.data == YT.PlayerState.PLAYING and @paused)
@paused = (ev.data == YT.PlayerState.PAUSED)
if CLIENT.leader
sendVideoUpdate()
if ev.data == YT.PlayerState.ENDED and CLIENT.leader
socket.emit('playNext')
play: ->
super()
if @yt
@yt.playVideo()
pause: ->
super()
if @yt
@yt.pauseVideo()
seekTo: (time) ->
if @yt
@yt.seekTo(time, true)
setVolume: (volume) ->
if @yt
if volume > 0
# If the player is muted, even if the volume is set,
# the player remains muted
@yt.unMute()
@yt.setVolume(volume * 100)
getTime: (cb) ->
if @yt
cb(@yt.getCurrentTime())
getVolume: (cb) ->
if @yt
if @yt.isMuted()
return 0
else
return @yt.getVolume() / 100.0

View File

@ -5,13 +5,18 @@
Player = (function() {
function Player(data) {
this.load(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;
return this.mediaType = data.type;
this.mediaType = data.type;
return this.mediaLength = data.seconds;
};
Player.prototype.play = function() {
@ -74,7 +79,9 @@
extend(YouTubePlayer, superClass);
function YouTubePlayer(data) {
YouTubePlayer.__super__.constructor.call(this);
this.setMediaProperties(data);
this.qualityRaceCondition = true;
this.pauseSeekRaceCondition = true;
waitUntilDefined(window, 'YT', (function(_this) {
return function() {
var wmode;
@ -99,11 +106,85 @@
})(this));
}
YouTubePlayer.prototype.load = function(data) {
YouTubePlayer.__super__.load.call(this, data);
if (this.yt) {
this.yt.loadVideoById(data.id, data.currentTime);
this.qualityRaceCondition = true;
if (USEROPTS.default_quality) {
return this.yt.setPlaybackQuality(USEROPTS.default_quality);
}
}
};
YouTubePlayer.prototype.onReady = function() {
return this.yt.setVolume(VOLUME);
};
YouTubePlayer.prototype.onStateChange = function(ev) {};
YouTubePlayer.prototype.onStateChange = function(ev) {
if (this.qualityRaceCondition) {
this.qualityRaceCondition = false;
this.yt.setPlaybackQuality(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() {
YouTubePlayer.__super__.play.call(this);
if (this.yt) {
return this.yt.playVideo();
}
};
YouTubePlayer.prototype.pause = function() {
YouTubePlayer.__super__.pause.call(this);
if (this.yt) {
return this.yt.pauseVideo();
}
};
YouTubePlayer.prototype.seekTo = function(time) {
if (this.yt) {
return this.yt.seekTo(time, true);
}
};
YouTubePlayer.prototype.setVolume = function(volume) {
if (this.yt) {
if (volume > 0) {
this.yt.unMute();
}
return this.yt.setVolume(volume * 100);
}
};
YouTubePlayer.prototype.getTime = function(cb) {
if (this.yt) {
return cb(this.yt.getCurrentTime());
}
};
YouTubePlayer.prototype.getVolume = function(cb) {
if (this.yt) {
if (this.yt.isMuted()) {
return 0;
} else {
return this.yt.getVolume() / 100.0;
}
}
};
return YouTubePlayer;