import AnimationManager from 'chrome-remote-interface-extra/lib/animations/AnimationManager.js'

public class | since chrome-remote-interface-extra | source

AnimationManager

Extends:

eventemitter3~EventEmitter → AnimationManager

See:

https://chromedevtools.github.io/devtools-protocol/tot/Animation

Constructor Summary

Public Constructor
public	constructor(client: Chrome \| CRIConnection \| CDPSession \| Object)

Member Summary

Private Members
private	_client: Chrome \| CRIConnection \| CDPSession \| Object
private	_clientListeners: Array<Object>
private	_enabled: boolean

Method Summary

Public Methods
public	async disable(): Promise<void> Disables animation domain notifications.
public	async enable(): Promise<void> Enables animation domain notifications.
public	enabled(): boolean
public	async getAnimationsCurrentTime(id: string): Promise<number> Returns the current time of the an animation
public	async getPlaybackRate(): Promise<number> Gets the playback rate of the document timeline.
public	async pauseAnimation(id: string, pausedState: boolean): Promise<void> Sets the paused state of the animation
public	async pauseAnimations(animations: {ids: Array<string>, pausedState: boolean}): Promise<void> Sets the paused state of a set of animations
public	async releaseAnimation(id: string): Promise<void> Releases the animation such that it is no longer be manipulated
public	async releaseAnimations(ids: ...string): Promise<void> Releases a set of animations to no longer be manipulated
public	async seekAnimation(id: string, currentTime: number): Promise<void> Seeks the animation to a particular time within each animation
public	async seekAnimations(-: {ids: Array<string>, currentTime: number}): Promise<void> Seek a set of animations to a particular time within each animation
public	async setAnimationTiming(id: string, duration: number, delay: number): Promise<void> Sets the timing of an animation node
public	async setPlaybackRate(playbackRate: number): Promise<void> Sets the playback rate of the document timeline.

Private Methods
private	_onAnimationCanceled(event: {id: string}) Event for when an animation has been cancelled
private	_onAnimationCreated(event: {id: string}) Event for each animation that has been created
private	_onAnimationStarted(event: {animation: CDPAnimation}) Event for animation that has been started.

Public Constructors

public constructor(client: Chrome | CRIConnection | CDPSession | Object) source

Params:

Name	Type	Attribute	Description
client	Chrome \| CRIConnection \| CDPSession \| Object

Private Members

private _client: Chrome | CRIConnection | CDPSession | Object source

private _clientListeners: Array<Object> source

private _enabled: boolean source

Public Methods

public async disable(): Promise<void> source

Disables animation domain notifications.

Return:

Promise<void>

See:

https://chromedevtools.github.io/devtools-protocol/tot/Animation#method-disable

public async enable(): Promise<void> source

Enables animation domain notifications.

Return:

Promise<void>

See:

https://chromedevtools.github.io/devtools-protocol/tot/Animation#method-enable

public enabled(): boolean source

Return:

boolean

public async getAnimationsCurrentTime(id: string): Promise<number> source

Returns the current time of the an animation

Params:

Name	Type	Attribute	Description
id	string		Id of animation

Return:

Promise<number>

Current time of the page

See:

https://chromedevtools.github.io/devtools-protocol/tot/Animation#method-getCurrentTime

public async getPlaybackRate(): Promise<number> source

Gets the playback rate of the document timeline.

Return:

Promise<number>

See:

https://chromedevtools.github.io/devtools-protocol/tot/Animation#method-getPlaybackRate

public async pauseAnimation(id: string, pausedState: boolean): Promise<void> source

Sets the paused state of the animation

Params:

Name	Type	Attribute	Description
id	string		Id of the animations to set the pause state of
pausedState	boolean		Paused state to set to

Return:

Promise<void>

See:

https://chromedevtools.github.io/devtools-protocol/tot/Animation#method-setPaused

public async pauseAnimations(animations: {ids: Array<string>, pausedState: boolean}): Promise<void> source

Sets the paused state of a set of animations

Params:

Name	Type	Attribute	Description
animations	{ids: Array<string>, pausedState: boolean}

Return:

Promise<void>

See:

https://chromedevtools.github.io/devtools-protocol/tot/Animation#method-setPaused

public async releaseAnimation(id: string): Promise<void> source

Releases the animation such that it is no longer be manipulated

Params:

Name	Type	Attribute	Description
id	string		Id of the animations to release

Return:

Promise<void>

See:

https://chromedevtools.github.io/devtools-protocol/tot/Animation#method-releaseAnimations

public async releaseAnimations(ids: ...string): Promise<void> source

Releases a set of animations to no longer be manipulated

Params:

Name	Type	Attribute	Description
ids	...string		Ids of the animations to release

Return:

Promise<void>

See:

https://chromedevtools.github.io/devtools-protocol/tot/Animation#method-releaseAnimations

public async seekAnimation(id: string, currentTime: number): Promise<void> source

Seeks the animation to a particular time within each animation

Params:

Name	Type	Attribute	Description
id	string		Id of the animation to seek.
currentTime	number		Set the current time of each animation

Return:

Promise<void>

See:

https://chromedevtools.github.io/devtools-protocol/tot/Animation#method-seekAnimations

public async seekAnimations(-: {ids: Array<string>, currentTime: number}): Promise<void> source

Seek a set of animations to a particular time within each animation

Params:

Name	Type	Attribute	Description
-	{ids: Array<string>, currentTime: number}		toBeSeeked

Return:

Promise<void>

See:

https://chromedevtools.github.io/devtools-protocol/tot/Animation#method-seekAnimations

public async setAnimationTiming(id: string, duration: number, delay: number): Promise<void> source

Sets the timing of an animation node

Params:

Name	Type	Attribute	Description
id	string		Animation id
duration	number		Duration of the animation
delay	number		Delay of the animation

Return:

Promise<void>

See:

https://chromedevtools.github.io/devtools-protocol/tot/Animation#method-setAnimationTiming

public async setPlaybackRate(playbackRate: number): Promise<void> source

Sets the playback rate of the document timeline.

Params:

Name	Type	Attribute	Description
playbackRate	number		Playback rate for animations on page

Return:

Promise<void>

See:

https://chromedevtools.github.io/devtools-protocol/tot/Animation#method-setPlaybackRate

Private Methods

private _onAnimationCanceled(event: {id: string}) source

Event for when an animation has been cancelled

Params:

Name	Type	Attribute	Description
event	{id: string}

private _onAnimationCreated(event: {id: string}) source

Event for each animation that has been created

Params:

Name	Type	Attribute	Description
event	{id: string}

private _onAnimationStarted(event: {animation: CDPAnimation}) source

Event for animation that has been started.

Params:

Name	Type	Attribute	Description
event	{animation: CDPAnimation}