|
21
|
1 |
function Player(dimensions) { |
|
11
|
2 |
|
|
|
3 |
var events = {}, |
|
|
4 |
self = this, |
|
|
5 |
loaded = false, |
|
21
|
6 |
tvWindow, |
|
11
|
7 |
destination = document.location.href.replace(/^(https?:\/\/[^\/]+).*$/,'$1'), |
|
|
8 |
timeAtLoad, |
|
|
9 |
timeDelta = 0, |
|
|
10 |
timeOut, |
|
21
|
11 |
playAtLoad = false, |
|
|
12 |
winDimensions = dimensions || { left: 0, top: 0, width: 640, height:360 }; |
|
11
|
13 |
|
|
|
14 |
this.currentTime = 0; |
|
|
15 |
this.duration = 0; |
|
|
16 |
this.paused = true; |
|
|
17 |
|
|
|
18 |
function receiveMessage(evt) { |
|
|
19 |
var dataparts = evt.data.split(":"); |
|
|
20 |
loaded = true; |
|
|
21 |
switch(dataparts[0]) { |
|
|
22 |
case "loadedmetadata": |
|
|
23 |
self.duration = parseFloat(dataparts[1]); |
|
|
24 |
self.setCurrentTime(self.currentTime); |
|
|
25 |
if (!self.paused) { |
|
|
26 |
self.play(); |
|
|
27 |
} |
|
|
28 |
break; |
|
|
29 |
case "play": |
|
|
30 |
self.paused = false; |
|
|
31 |
self.trigger("play"); |
|
|
32 |
break; |
|
|
33 |
case "pause": |
|
|
34 |
self.paused = true; |
|
|
35 |
self.trigger("pause"); |
|
|
36 |
break; |
|
|
37 |
case "timeupdate": |
|
|
38 |
self.currentTime = parseFloat(dataparts[1]) |
|
|
39 |
self.trigger("timeupdate", self.currentTime); |
|
|
40 |
break; |
|
|
41 |
case "unload": |
|
|
42 |
loaded = false; |
|
|
43 |
self.pause(); |
|
|
44 |
break; |
|
|
45 |
} |
|
|
46 |
} |
|
|
47 |
|
|
|
48 |
function updateTime() { |
|
|
49 |
clearTimeout(timeOut); |
|
|
50 |
if (!loaded && !self.paused) { |
|
|
51 |
self.currentTime = (new Date().valueOf() / 1000 - timeDelta); |
|
|
52 |
if (self.currentTime <= self.duration) { |
|
|
53 |
self.trigger("timeupdate", self.currentTime); |
|
|
54 |
timeOut = setTimeout(updateTime, 100); |
|
|
55 |
} else { |
|
|
56 |
self.currentTime = self.duration; |
|
|
57 |
self.pause(); |
|
|
58 |
} |
|
|
59 |
} |
|
|
60 |
} |
|
|
61 |
|
|
|
62 |
function sendMessage(msg) { |
|
|
63 |
if (tvWindow) { |
|
|
64 |
tvWindow.postMessage(msg, destination); |
|
|
65 |
} |
|
|
66 |
} |
|
|
67 |
|
|
|
68 |
$(".tv").click(function() { |
|
21
|
69 |
tvWindow = window.open("tv.html","TV", _(winDimensions).reduce(function(mem, v, k) { return mem + k + "=" + v + "," },"") + "toolbar=0,location=0,status=0,titlebar=0"); |
|
11
|
70 |
window.addEventListener("message",receiveMessage,false); |
|
|
71 |
}); |
|
|
72 |
|
|
21
|
73 |
$(window).on("unload", function() { |
|
|
74 |
if (typeof tvWindow !== "undefined" && tvWindow) { |
|
|
75 |
tvWindow.close(); |
|
|
76 |
} |
|
|
77 |
}) |
|
|
78 |
|
|
11
|
79 |
this.setCurrentTime = function(t) { |
|
|
80 |
if (loaded) { |
|
|
81 |
sendMessage("timeupdate:" + t); |
|
|
82 |
} else { |
|
|
83 |
timeDelta = (new Date().valueOf() / 1000 - t); |
|
|
84 |
self.currentTime = t; |
|
|
85 |
self.trigger("timeupdate",t); |
|
|
86 |
} |
|
|
87 |
} |
|
|
88 |
this.play = function() { |
|
|
89 |
if (loaded) { |
|
|
90 |
sendMessage("play") |
|
|
91 |
} else { |
|
|
92 |
self.paused = false; |
|
|
93 |
timeDelta = (new Date().valueOf() / 1000 - self.currentTime) |
|
|
94 |
self.trigger("play"); |
|
|
95 |
updateTime(); |
|
|
96 |
} |
|
|
97 |
} |
|
|
98 |
this.pause = function() { |
|
|
99 |
if (loaded) { |
|
|
100 |
sendMessage("pause"); |
|
|
101 |
} else { |
|
|
102 |
self.paused = true; |
|
|
103 |
self.trigger("pause"); |
|
|
104 |
} |
|
|
105 |
} |
|
|
106 |
|
|
|
107 |
this.on = function(_event, _callback) { |
|
|
108 |
if (typeof events[_event] === "undefined") { |
|
|
109 |
events[_event] = []; |
|
|
110 |
} |
|
|
111 |
events[_event].push(_callback); |
|
|
112 |
} |
|
|
113 |
this.off = function(_event, _callback) { |
|
|
114 |
if (typeof events[_event] !== "undefined") { |
|
|
115 |
events[_event] = _(events[_event]).reject(function(_fn) { |
|
|
116 |
return _fn === _callback; |
|
|
117 |
}); |
|
|
118 |
} |
|
|
119 |
} |
|
|
120 |
this.trigger = function(_event, _data) { |
|
|
121 |
var _list = this; |
|
|
122 |
_(events[_event]).each(function(_callback) { |
|
|
123 |
_callback.call(_list, _data); |
|
|
124 |
}); |
|
|
125 |
} |
|
|
126 |
} |