html5 逐帧播放代码,html5-video – 使用媒体源扩展进行逐帧解码

我一直在挖掘互联网上的媒体源扩展示例,并没有找到一种方法来适应我的需求.

我正在寻找一个本地缓存的MP4 / WebM视频(具有100％关键帧和1：1的簇/原子与关键帧的比率)并且非顺序地解码/显示它们(即帧10,400,2,100)等等,并且能够以0-60fps的速率按需渲染这些非连续帧.由于设置此属性和显示框架的延迟,使用currentTime属性的简单非MSE方法失败.

我意识到这完全超出了视频播放的正常期望,但我的应用程序需要这种类型的非连续高速播放.理想情况下,我可以使用h264进行GPU加速,但我意识到可能有一些特定于平台的GPU缓冲区可以应对,尽管看起来零帧缓冲区应该是可能的(见here).我希望MSE可以完成这种非连续的高帧率低延迟播放,但我知道我要求很多.

问题：

> appendBuffer是否会接受由单个关键帧组成的单个WebM群集/ MP4 Atom,并且还能够以高频率(60fps)进行解码？

>你认为我想在浏览器中做什么是可能的吗？

任何帮助,见解或代码建议/示例将不胜感激.

谢谢！

2016年4月5日更新

我能够让MSE主要使用Firefox,Edge和Chrome中的单帧MP4片段.但是,Chrome似乎遇到了上面链接的帧缓冲问题,我还没有找到预处理MP4来调用这种“低延迟”模式的方法.如果可以使用像MP4Box这样的现有工具创建这样的文件,任何人都有任何线索吗？

Firefox和Edge可以在很短的时间内解码/显示各个帧,但是当我将这个视频加载到Three.js WebGL项目中时(无视频输出,没有错误),当然会出现问题.我现在忽略了这一点,因为我更倾向于在Chrome上运行,因为我也会将Android作为目标.

html5 逐帧播放代码,html5-video – 使用媒体源扩展进行逐帧解码相关推荐

粗识 HTML5 video 标签和MSE媒体源扩展
前言当前网页上能够搜到的HTML5和MSE相关的内容一抓一大把,本文的目的是尽量用较短的篇幅,简述浏览器为何要使用HTML5的MSE扩展.这也是在我最开始接触有关内容时的最大的疑惑,希望对大家有所帮 ...
[译] HTML5 媒体源扩展（MSE）：把影视制作级别的视频格式带入 Web
英文原文:HTML5 Media Source Extensions: Bringing Production Video To The Web 在过去的十几年,像Flash和Silverlight这 ...
html5(mp4)无法播放,关于HTML5中Video标签无法播放mp4的解决办法
1.首先先排除掉代码问题.路径问题.浏览器不支持问题等常规问题,这些问题另行百度. 2.首先我自己从网上下载的一个MP4文件,IE10和谷歌都能正常播放.然后自己用格式化工厂转换了一个RMVB文件为M ...
php处理html5文件上传代码,HTML5中文件上传的代码
这篇文章给大家分享的内容是关于HTML5中文件上传的代码,有一定的参考价值,有需要的朋友可以从参考一下,希望对你有所帮助.XHR2上传二进制文件 html代码: javascript代码:functi ...
html5 audio 获取播放时间,html5 audio 延时获取播放路径播放失败
为什么audio对象在延时1000毫秒之后就不能执行播放呢? 歌曲的路径需要从数据库中获取,所以需要用ajax来交互,但是发现假如时间过长即使获取到路径也不能执行播放. 为方便测试使用setTimeo ...
html5画布画图形代码,HTML5画布矢量图形？
有几个选择.我没有使用这些库中的任何一个,但从我所知道的蛋糕看起来通常更令人印象深刻,并且导入,同时也是三倍大.还有Burst Engine,目前是processing.js的扩展,甚至更小.我相信还 ...
html5开花动画效果代码,HTML5 Canvas藤曼系植物生长开花动画
JavaScript 语言: JaveScriptBabelCoffeeScript 确定 class Line { constructor(x, y, a) { this.x = x; this.y ...
html5椭圆搜索框代码,HTML5 椭圆（蛋）运动的小球
椭圆与椭圆运动: var canvas=document.getElementById("ballBroad"); var context=canvas.getContext(&q ...
YUV测试序列下载及视频序列的单帧播放工具使用
YUV测试序列下载 http://www.cipr.rpi.edu/resource/sequences/ 视频序列的单帧播放 http://www.usr.cc/thread-52335-1-1.h ...
html5视频播放器隐藏控制,HTML5 video标签（播放器）学习笔记（二）:播放控制
上一篇介绍了html5标签video(播放器)初始化需要做的一些工作,如何简单快速使用html5的播放器,本文将重点介绍如何用JS来操作video标签,也就是如何对video做一些简单基本的操作,包括 ...

html5 逐帧播放代码,html5-video – 使用媒体源扩展进行逐帧解码

html5 逐帧播放代码,html5-video – 使用媒体源扩展进行逐帧解码相关推荐

最新文章

热门文章

html5 逐帧播放 代码,html5-video – 使用媒体源扩展进行逐帧解码

html5 逐帧播放 代码,html5-video – 使用媒体源扩展进行逐帧解码相关推荐

最新文章

热门文章

html5 逐帧播放代码,html5-video – 使用媒体源扩展进行逐帧解码

html5 逐帧播放代码,html5-video – 使用媒体源扩展进行逐帧解码相关推荐