简述
通过使用流媒体形式分段加载视频,调取的是m3u8格式文件,再根据文件ts路径请求资源,然后转码播放;
hls之m3u8、ts流格式详解
拖动
本次使用的是video的官方事件来操作的
seeking
拖动的时候就会触发seek事件,毕竟拖动完了之后就会根据你托的位置去seek关键帧,然后定位播放时间;
timeupdate
视频实时更新的进度就在这个事件里面得到了体现;
------------------------------------------------------------
一级事件据说有兼容问题,本次采用的二级事件;
//首先获取标签
maxlen 是你记录的最大播放长度;
拖动就会触发seeking,所以判断加在了这个上面;
const vid = document.querySelector("video)