在使用 AliyunPlayer Web(阿里云 Web 播放器)时,我们通常可以通过键盘左右方向键实现视频的快进和快退控制。但在一些实际场景中(例如移动设备、触控屏设备、无键盘环境等),这种交互方式并不适用。
因此,一个更友好的方案是:在播放器控制栏中增加“快进 / 快退”按钮,让用户通过点击即可控制播放进度。
本文将带你从 0 到 1 实现一个自定义组件 —— SeekButtonsComponent。
一、准备工作:拉取官方组件库
首先,从阿里云官方组件仓库拉取代码:
https://github.com/aliyunvideo/AliyunPlayer_Web
进入目录:
1 | customComponents |