跳到主要内容

ReplayerComponent

Defined in: rxdb-plugin-replay-angular/src/replayer.component.ts:50

会话回放组件：在组件内的一个 div 上挂核心的 mountReplayer，输入变化走 update()，销毁时 destroy()。

Remarks​

与 React / Vue 的 Replayer 同一组输入 / 输出 / 命令（contracts/replayer-component.md §3），由 parity 用例保证。 只在浏览器渲染后挂载（afterNextRender），SSR 下不碰 DOM；rrweb 在核心视图里按需 import()，挂载之前不进包。

Example​

<ao-replayer #replayer [replay]="rxdb.replay" [sessionId]="sessionId" (aoCommitRestore)="onRestore($event)" />
<button (click)="replayer.play()">播放</button>

Constructors​

Constructor​

new ReplayerComponent(): ReplayerComponent;

Defined in: rxdb-plugin-replay-angular/src/replayer.component.ts:75

Returns​

ReplayerComponent

Properties​

aoCommitRestore​

readonly aoCommitRestore: OutputEmitterRef<ReplayerCommitRestoreEvent>;

Defined in: rxdb-plugin-replay-angular/src/replayer.component.ts:73

点 commit 标记后的恢复结果（成功、四种拒绝或抛错）。

aoTimeChange​

readonly aoTimeChange: OutputEmitterRef<number>;

Defined in: rxdb-plugin-replay-angular/src/replayer.component.ts:71

播放 / 跳转导致回放时刻变化（ms）。

initialTime​

readonly initialTime: InputSignal<number | undefined>;

Defined in: rxdb-plugin-replay-angular/src/replayer.component.ts:68

加载完成后落到的时刻（相对会话起点的 ms，默认 0）；之后再改等价于 seek()。

replay​

readonly replay: InputSignal<ReplayManager>;

Defined in: rxdb-plugin-replay-angular/src/replayer.component.ts:64

录制门面（rxdb.replay）。换实例会重新加载。

sessionId​

readonly sessionId: InputSignal<string>;

Defined in: rxdb-plugin-replay-angular/src/replayer.component.ts:66

要回放的会话。换会话会重新加载，不重建组件。

Methods​

pause()​

pause(): void;

Defined in: rxdb-plugin-replay-angular/src/replayer.component.ts:112

暂停；加载完成前调用是空操作。

Returns​

void

play()​

play(): void;

Defined in: rxdb-plugin-replay-angular/src/replayer.component.ts:107

播放；加载完成前调用是空操作。

Returns​

void

seek()​

seek(timeMs): void;

Defined in: rxdb-plugin-replay-angular/src/replayer.component.ts:117

跳到相对会话起点的 timeMs；加载完成前调用会记下目标时刻。

Parameters​

ParameterType
timeMsnumber

Returns​

void