| // Copyright 2014 Google Inc. All rights reserved. |
| // |
| // Licensed under the Apache License, Version 2.0 (the "License"); |
| // you may not use this file except in compliance with the License. |
| // You may obtain a copy of the License at |
| // |
| // http://www.apache.org/licenses/LICENSE-2.0 |
| // |
| // Unless required by applicable law or agreed to in writing, software |
| // distributed under the License is distributed on an "AS IS" BASIS, |
| // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
| // See the License for the specific language governing permissions and |
| // limitations under the License. |
| (function(shared, scope, testing) { |
| |
| var nullTarget = document.createElementNS('http://www.w3.org/1999/xhtml', 'div'); |
| |
| var sequenceNumber = 0; |
| scope.bindPlayerForCustomEffect = function(player) { |
| var target = player.source.target; |
| var effect = player.source.effect; |
| var timing = player.source.timing; |
| var last = undefined; |
| timing = shared.normalizeTimingInput(timing); |
| var callback = function() { |
| var t = callback._player ? callback._player.currentTime : null; |
| if (t !== null) { |
| t = shared.calculateTimeFraction(shared.calculateActiveDuration(timing), t, timing); |
| if (isNaN(t)) |
| t = null; |
| } |
| // FIXME: There are actually more conditions under which the effect |
| // should be called. |
| if (t !== last) |
| effect(t, target, player.source); |
| last = t; |
| }; |
| |
| callback._player = player; |
| callback._registered = false; |
| callback._sequenceNumber = sequenceNumber++; |
| player._callback = callback; |
| register(callback); |
| }; |
| |
| var callbacks = []; |
| var ticking = false; |
| function register(callback) { |
| if (callback._registered) |
| return; |
| callback._registered = true; |
| callbacks.push(callback); |
| if (!ticking) { |
| ticking = true; |
| requestAnimationFrame(tick); |
| } |
| } |
| |
| function tick(t) { |
| var updating = callbacks; |
| callbacks = []; |
| updating.sort(function(left, right) { |
| return left._sequenceNumber - right._sequenceNumber; |
| }); |
| updating = updating.filter(function(callback) { |
| callback(); |
| var playState = callback._player ? callback._player.playState : 'idle'; |
| if (playState != 'running' && playState != 'pending') |
| callback._registered = false; |
| return callback._registered; |
| }); |
| callbacks.push.apply(callbacks, updating); |
| |
| if (callbacks.length) { |
| ticking = true; |
| requestAnimationFrame(tick); |
| } else { |
| ticking = false; |
| } |
| } |
| |
| scope.Player.prototype._register = function() { |
| if (this._callback) |
| register(this._callback); |
| }; |
| |
| })(webAnimationsShared, webAnimationsNext, webAnimationsTesting); |