Devtools Animations: Support multiple frames in the animation timeline

Source/devtools/front_end/elements/AnimationControlPane.js

Index: Source/devtools/front_end/elements/AnimationControlPane.js
diff --git a/Source/devtools/front_end/elements/AnimationControlPane.js b/Source/devtools/front_end/elements/AnimationControlPane.js
index 5d721b070916096a6e5ceef71dfa1bcea1a245f9..941d08924449ac9ef840cd036b8bfb08a85839eb 100644
--- a/Source/devtools/front_end/elements/AnimationControlPane.js
+++ b/Source/devtools/front_end/elements/AnimationControlPane.js
@@ -39,7 +39,7 @@ WebInspector.AnimationControlPane.prototype = {
     _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();
     },
@@ -47,7 +47,7 @@ WebInspector.AnimationControlPane.prototype = {
     _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-status-bar-item");
         this._animationsPauseButton.element.classList.toggle("play-status-bar-item");