Devtools Animations: Support multiple frames in the animation timeline

Source/devtools/front_end/elements/AnimationControlPane.js

 // Copyright (c) 2015 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 /**
  * @constructor
  */
 WebInspector.AnimationControlPane = function()
 {
     this._animationsPaused = false;
@@ skipping 21 matching lines @@
 }
 
 WebInspector.AnimationControlPane.prototype = {
 
     /**
      * @param {!Event} event
      */
     _playbackSliderInputHandler: function (event)
     {
         this._animationsPlaybackRate = WebInspector.AnimationsSidebarPane.GlobalPlaybackRates[event.target.value];
-        this._target.animationAgent().setPlaybackRate(this._animationsPaused ? 0 : this._animationsPlaybackRate);
+        this._target.animationModel.setPlaybackRate(this._animationsPaused ? 0 : this._animationsPlaybackRate);
         this._animationsPlaybackLabel.textContent = this._animationsPlaybackRate + "x";
         WebInspector.userMetrics.AnimationsPlaybackRateChanged.record();
     },
 
     _pauseButtonHandler: function ()
     {
         this._animationsPaused = !this._animationsPaused;
-        this._target.animationAgent().setPlaybackRate(this._animationsPaused ? 0 : this._animationsPlaybackRate);
+        this._target.animationModel.setPlaybackRate(this._animationsPaused ? 0 : this._animationsPlaybackRate);
         WebInspector.userMetrics.AnimationsPlaybackRateChanged.record();
         this._animationsPauseButton.element.classList.toggle("pause-toolbar-item");
         this._animationsPauseButton.element.classList.toggle("play-toolbar-item");
     },
 
     /**
      * @param {!WebInspector.Event=} event
      */
     _updateAnimationsPlaybackRate: function(event)
     {
@@ skipping 22 matching lines @@
 
         if (this._target)
             this._target.resourceTreeModel.removeEventListener(WebInspector.ResourceTreeModel.EventTypes.MainFrameNavigated, this._updateAnimationsPlaybackRate, this);
 
         this._target = node.target();
         this._target.resourceTreeModel.addEventListener(WebInspector.ResourceTreeModel.EventTypes.MainFrameNavigated, this._updateAnimationsPlaybackRate, this);
         this._updateAnimationsPlaybackRate();
     }
 
 }