技术栈
浏览器 api
DsirNg
4 小时前
javascript
·
canvas
·
视频抽帧
·
前端实战
·
html5 video
·
浏览器 api
用原生 HTML5 视频与 Canvas 实现浏览器端视频抽帧封面
视频封面生成的流程并不是“修改 video.currentTime 后立刻截图”。视频定位、解码和画面更新都是异步的:需要先加载元数据,再跳转到目标时间,等待 seeked 事件,最后将当前视频画面绘制到 Canvas 并导出图片。
我是有底线的