修改视频currentTime过多会导致视频失败
When changing video currentTime too much, video fails?
我使用用户拖动事件和按键来改变HTML5视频元素的位置,然后使用:
video.currentTime = toTime;
,然后我正在更新一个基于视频位置的画布,通过抓取视频并将其放在画布上。
另一个元素是我实际上从帧数中获得视频时间,即:
framenumber = 123;
fps = 25;
toTime = 123/25;
问题是,每隔一段时间,它只是失败。我说的失败是指我丢失了视频;它完全停止工作。
大多数时候它工作得很好,但有时它会失败,而且并不总是在同一点…
任何想法将不胜感激!
我的问题有两个答案:
-
视频文件的编码-基本上通过控制关键帧和将正确的视频发送到正确的浏览器,我就能解决一个有很多问题。使用FFMPEG,我更改了GOP长度。
在我的例子中,ffmpeg -g <frames>
,其中<frames>
是所需GOP点之间的帧数。 -
使用videojs提供视频似乎解决了很多问题,并使其体验更流畅。
相关文章:
- 视频HTML没有'无法在Internet Explorer 11上工作
- 播放当前视频时如何停止其他视频?JavaScript
- 使用Facebook live API创建实时视频对象时的隐私设置
- Brightcove获取/显示HTML中的当前视频标题和描述
- 当json解析空响应时,Whatwg-Fetch失败,我该如何防止它
- Twilio-显示所有连接参与者的远程参与者视频
- WebRTC视频聊天可以在FF中使用,但不能在Chrome中使用
- 是否可以使用iframe API在iOS浏览器上播放youtube视频
- JsFiddle在分叉后描述失败
- 如何检查用户在html5视频播放器中观看了完整的视频
- 在WebRTC中获取1:1宽高比视频失败
- 音频和视频在煎茶触摸 2 中始终失败
- Firefox:drawImage(视频)失败,NS_ERROR_NOT_AVAILABLE:组件不可用
- 检查Javascript中图像和视频加载失败的正确方法
- html5视频和javascript组合失败
- Html5在Safari中更改视频失败
- 修改视频currentTime过多会导致视频失败
- 防止状态=失败的chrome浏览器,同时加载多个html5视频
- html5视频-为什么javascript中的try/catch在IE中失败
- 角度基数64视频插值失败($sce)