File tree Expand file tree Collapse file tree 1 file changed +32
-1
lines changed Expand file tree Collapse file tree 1 file changed +32
-1
lines changed Original file line number Diff line number Diff line change 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
You can’t perform that action at this time.
0 commit comments