在HTML5视频标签上生成随机预览图。

7
可以通过HTML5视频元素加载视频,截取视频快照并将其用作预览图像,直到视频加载或播放事件被触发。我知道有关poster属性的信息,但我希望缩略图是自动生成的,就像从视频中随机选择一帧。类似于YouTube / Vimeo的做法。
谢谢。

关于这个问题怎么样:https://dev59.com/dmw05IYBdhLWcg3wTwGY - pery mimon
1个回答

8
我认为在纯HTML5中无法实现这一点。主要是因为当您在网页中看到'object'时,流尚未加载,因此客户端无法获取所需的帧。
然而,对您来说最好的选择是在加载页面之前保存/缓存'随机帧',然后将其用作视频的海报。这将允许您减少客户端工作并节省带宽。
如果您使用PHP并想以'快速且简单'的方式获取帧,请查看这里,这是我找到的第一件事。
更新:显然,在这里有一个使用popcorn.js的解决方案,但似乎您不能以我(假设)需要的方式完成这项任务。这是因为由于浏览器安全问题,只能在同一域内执行此操作。

Popcorn.capture.js所做的正是我所需要的。谢谢! - mihaipaun

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接