javascript - 更快的 HTML5 视频替代方案

标签 javascript jquery html video

我正在尝试播放视频并能够在某些事件中快速查找视频中的不同帧。最后,视频要根据音乐节拍播放不同的关键帧,因此触发需要尽可能准确。

我的第一个实验是这样的:http://jsfiddle.net/QfvsE/ (播放时点击任意位置)

这基本上是一个测试,看看有多快 video.currentTime被触发,正如怀疑的那样 <video>元素和 API 太慢。视频实际播放大约需要 200 毫秒。当使用更高分辨率的源时,这个数字会迅速增加。

所以我正在考虑替代方案,例如导出大量 JPEG,然后将它们导入 Canvas 区域并创建一个触发不同帧的微 API。这样会更快吗?是否有其他替代方案可以在不使用闪光灯的情况下播放电影短片,并且能够更精确地控制它?

仅供引用:这一切都将在使用最新 Chrome 的本地环境中发生。

最佳答案

导出大量 JPEG 文件会降低内存和计算机性能, 如果您想要更快的连接来传输视频,您可以使用 WebSocket API

WebSocket 可以解决这个问题 或使用Flash

关于javascript - 更快的 HTML5 视频替代方案,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13913485/

相关文章:

javascript - Jquery 中 Ajax 和触发器的问题

jquery - Wordpress 中的视差滚动 Sprite

html - 不透明 html 边框的双边框问题

javascript - UI 问题 - 如何根据下拉框的选择触发图像加载?然后添加文本来覆盖图像结果?

javascript - 如何输出数组中所需的元素

asp.net - jquery循环IE7透明png问题

javascript - 组件中缺少历史记录

javascript - 如何使用javascript显示图像

javascript - 无法使用 Google map 数据层从源加载 geojson

javascript - typescript 返回类型为 'void' 的参数不能分配给类型为“TimerHandler?”的参数?