OLD | NEW |
| (Empty) |
1 // Copyright 2014 Google Inc. All rights reserved. | |
2 // | |
3 // Licensed under the Apache License, Version 2.0 (the "License"); | |
4 // you may not use this file except in compliance with the License. | |
5 // You may obtain a copy of the License at | |
6 // | |
7 // http://www.apache.org/licenses/LICENSE-2.0 | |
8 // | |
9 // Unless required by applicable law or agreed to in writing, software | |
10 // distributed under the License is distributed on an "AS IS" BASIS, | |
11 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. | |
12 // See the License for the specific language governing permissions and | |
13 // limitations under the License. | |
14 | |
15 (function(shared, scope, testing) { | |
16 scope.Player = function(source) { | |
17 this.source = source; | |
18 if (source) { | |
19 // FIXME: detach existing player. | |
20 source.player = this; | |
21 } | |
22 this._isGroup = false; | |
23 this._player = null; | |
24 this._childPlayers = []; | |
25 this._callback = null; | |
26 this._rebuildUnderlyingPlayer(); | |
27 // Players are constructed in the idle state. | |
28 this._player.cancel(); | |
29 }; | |
30 | |
31 // TODO: add a source getter/setter | |
32 scope.Player.prototype = { | |
33 _rebuildUnderlyingPlayer: function() { | |
34 if (this._player) { | |
35 this._player.cancel(); | |
36 this._player = null; | |
37 } | |
38 | |
39 if (!this.source || this.source instanceof window.Animation) { | |
40 this._player = scope.newUnderlyingPlayerForAnimation(this.source); | |
41 scope.bindPlayerForAnimation(this); | |
42 } | |
43 if (this.source instanceof window.AnimationSequence || this.source instanc
eof window.AnimationGroup) { | |
44 this._player = scope.newUnderlyingPlayerForGroup(this.source); | |
45 scope.bindPlayerForGroup(this); | |
46 } | |
47 | |
48 // FIXME: move existing currentTime/startTime/playState to new player | |
49 }, | |
50 get paused() { | |
51 return this._player.paused; | |
52 }, | |
53 get playState() { | |
54 return this._player.playState; | |
55 }, | |
56 get onfinish() { | |
57 return this._onfinish; | |
58 }, | |
59 set onfinish(v) { | |
60 if (typeof v == 'function') { | |
61 this._onfinish = v; | |
62 this._player.onfinish = (function(e) { | |
63 e.target = this; | |
64 v.call(this, e); | |
65 }).bind(this); | |
66 } else { | |
67 this._player.onfinish = v; | |
68 this.onfinish = this._player.onfinish; | |
69 } | |
70 }, | |
71 get currentTime() { | |
72 return this._player.currentTime; | |
73 }, | |
74 set currentTime(v) { | |
75 this._player.currentTime = v; | |
76 this._register(); | |
77 this._forEachChild(function(child, offset) { | |
78 child.currentTime = v - offset; | |
79 }); | |
80 }, | |
81 get startTime() { | |
82 return this._player.startTime; | |
83 }, | |
84 set startTime(v) { | |
85 this._player.startTime = v; | |
86 this._register(); | |
87 this._forEachChild(function(child, offset) { | |
88 child.startTime = v + offset; | |
89 }); | |
90 }, | |
91 get playbackRate() { | |
92 return this._player.playbackRate; | |
93 }, | |
94 get finished() { | |
95 return this._player.finished; | |
96 }, | |
97 play: function() { | |
98 this._player.play(); | |
99 this._register(); | |
100 scope.awaitStartTime(this); | |
101 this._forEachChild(function(child) { | |
102 var time = child.currentTime; | |
103 child.play(); | |
104 child.currentTime = time; | |
105 }); | |
106 }, | |
107 pause: function() { | |
108 this._player.pause(); | |
109 this._register(); | |
110 this._forEachChild(function(child) { | |
111 child.pause(); | |
112 }); | |
113 }, | |
114 finish: function() { | |
115 this._player.finish(); | |
116 this._register(); | |
117 // TODO: child players?? | |
118 }, | |
119 cancel: function() { | |
120 this._player.cancel(); | |
121 this._register(); | |
122 this._removePlayers(); | |
123 }, | |
124 reverse: function() { | |
125 this._player.reverse(); | |
126 scope.awaitStartTime(this); | |
127 this._register(); | |
128 this._forEachChild(function(child, offset) { | |
129 child.reverse(); | |
130 child.startTime = this.startTime + offset * this.playbackRate; | |
131 child.currentTime = this.currentTime + offset * this.playbackRate; | |
132 }); | |
133 }, | |
134 addEventListener: function(type, handler) { | |
135 var wrapped = handler; | |
136 if (typeof handler == 'function') { | |
137 wrapped = (function(e) { | |
138 e.target = this; | |
139 handler.call(this, e); | |
140 }).bind(this); | |
141 handler._wrapper = wrapped; | |
142 } | |
143 this._player.addEventListener(type, wrapped); | |
144 }, | |
145 removeEventListener: function(type, handler) { | |
146 this._player.removeEventListener(type, (handler && handler._wrapper) || ha
ndler); | |
147 }, | |
148 _removePlayers: function() { | |
149 while (this._childPlayers.length) | |
150 this._childPlayers.pop().cancel(); | |
151 }, | |
152 _forEachChild: function(f) { | |
153 var offset = 0; | |
154 this._childPlayers.forEach(function(child) { | |
155 f.call(this, child, offset); | |
156 if (this.source instanceof window.AnimationSequence) | |
157 offset += child.source.activeDuration; | |
158 }.bind(this)); | |
159 }, | |
160 }; | |
161 | |
162 })(webAnimationsShared, webAnimationsNext, webAnimationsTesting); | |
OLD | NEW |