在HTML5中缓冲和缓存视频

时间:2013-11-25 13:20:06

标签: javascript html5 google-chrome caching projekktor

每当HTML5标记存在时,我都会尝试缓冲/缓存大型视频流。我这样做的原因是能够逐帧“擦洗”(即,前后移动播放头)视频,而不必每次都从服务器请求视频的各个部分(这样做)将导致跳帧擦除,并对通过较慢连接查看的人产生负面影响)。值得一提的是,我试图通过Projekktor最终呈现视频。到目前为止,我已经尝试过:

使用预加载但没有成功,即:

$("video").on("load", function() {
   $("video").attr("preload", "auto");
});

我还试图在源本身中指定视频数据,但是,对于大页面,这会导致性能问题(使Javascript引擎瘫痪),例如(抛开projekktor):

<video><source type="video/mp4"; src="base64,"/></video>
...
...
<script type="text/javascript">
...
var vidData = myLargVideo;
$("video").attr("src", "base64," + myLargeVideo);
...
</script>

我试图使用缓存指令(即Expires和Cache-Control)来操作客户端浏览器,但没有实际效果,Chrome只会根据自己的判断缓存前9个兆字节。

我觉得我不再在正确的轨道上,但也觉得必须有一个更优雅的方法,其中涉及我正在做的事情。有任何想法吗?我问不可能吗?非常感谢您的想法和建议!谢谢!

与此同时,我会继续尝试各种各样的事情,如果我发现任何值得注意的事情,我会在这里发布。

0 个答案:

没有答案