今天登录b站 发现鼠标在视频封面左右滑动时,进度条每变动10%就会更新一次缩略图
很感兴趣这个是如何实现的。想要问下具体的细节
自己开F12看两下 貌似是缩略图是上传视频后 由服务器处理截取缩略图并存储,用户鼠标悬停后根据进度条请求图片(我把鼠标从左到右挪动了一遍 看到多了10个请求 应该是缩略图的)但是不太清楚是实时截取并缓存的 还是随着视频上传时就截取保存的。前端新手,可能视频源从别的地方提供啊或者考虑存储的空间啊我都还不是太了解。
想问下具体的流程大概是什么样的。。以及服务器处理截取缩略图如何实现呢?js的话有没有库可以实现。
希望了解的人讲解下。谢谢。
另外想学习一下js视频播放器的相关知识 有没有推荐入手的点呢?