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, webAnimationsMaxifill, webAnimationsTesting); |
OLD | NEW |