Skip to content

Commit 22dd918

Browse files
committed
doc: add combine-player demo
1 parent 5033ff7 commit 22dd918

File tree

1 file changed

+32
-1
lines changed

1 file changed

+32
-1
lines changed

README-zh.md

Lines changed: 32 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -16,6 +16,7 @@
1616
- [自定义](#customization)
1717
- [进阶](./docs)
1818
- [分页管理课件](#appInMainView)
19+
- [回放](#replay-mode)
1920

2021
<h2 id="install">安装</h2>
2122

@@ -646,7 +647,37 @@ return <ReplayFastboard player={player} />
646647

647648
上面的 `player` 实例和原生的视频播放器类似,也有 `play()` `seek()` `pause()` 等方法。
648649

649-
如果要让白板和其他视频播放器同步进度条,请参考库 [@netless/sync-player](https://github.com/netless-io/sync-player)
650+
如果要让白板和其他视频播放器同步进度条,可以使用[@netless/combine-player](https://github.com/netless-io/netless-combine-player)[@netless/sync-player](https://github.com/netless-io/sync-player)
651+
以下是`@netless/combine-player`的使用样例:
652+
```ts
653+
import CombinePlayerFactory from '@netless/combine-player';
654+
const player = await replayFastboard({
655+
sdkConfig: {
656+
appIdentifier,
657+
region: "cn-hz",
658+
},
659+
replayRoom: {
660+
room: uuid,
661+
beginTimestamp,
662+
duration,
663+
roomToken,
664+
},
665+
managerConfig: {},
666+
enableAppliancePlugin: {},
667+
});
668+
const whiteboard = document.getElementById("whiteboard") as HTMLDivElement;
669+
player.bindContainer(whiteboard);
670+
const factoryParams = {
671+
url: "https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-576p.mp4",
672+
videoDOM: document.getElementById('videoDom') as HTMLVideoElement, // 用于存放视频播放器的节点
673+
};
674+
const combinePlayer = new CombinePlayerFactory(player.player, factoryParams).create(false);
675+
(window as any).combinePlayer = combinePlayer;
676+
// 调用方式
677+
combinePlayer.seek();
678+
combinePlayer.play();
679+
combinePlayer.pause();
680+
```
650681

651682
<h2 id="error-handling">异常处理</h2>
652683

0 commit comments

Comments
 (0)