技术栈
html5 video
DsirNg
12 天前
javascript
·
canvas
·
视频抽帧
·
前端实战
·
html5 video
·
浏览器 api
用原生 HTML5 视频与 Canvas 实现浏览器端视频抽帧封面
视频封面生成的流程并不是“修改 video.currentTime 后立刻截图”。视频定位、解码和画面更新都是异步的：需要先加载元数据，再跳转到目标时间，等待 seeked 事件，最后将当前视频画面绘制到 Canvas 并导出图片。
薛迟
3 个月前
html5 video
·
h.264
·
兼容性
HTML5 Video标签兼容HeyGem输出视频格式实测列表
在数字人内容爆发式增长的今天，AI生成的虚拟主播、智能客服和在线教学助手正快速渗透进各类Web应用场景。作为其中一环，如何让这些由大模型驱动合成的视频，在用户浏览器中“秒开即播”且稳定流畅地呈现，成了前端集成不可忽视的关键问题。
我是有底线的