通过HTML视频元素中的src标记流式传输非常大的MP4 base64

时间:2015-11-17 22:37:53

标签: javascript node.js html5 mp4

不知怎的,我们有了base64格式的视频,想要在HTML中的视频元素中传输它,如下所示:

<video controls> 
  <source type="video/mp4" src="data:video/mp4;base64,AAAAHGZ0eXBtcDQyAAAAAG1wNDJpc29....../l/L+X8v5AAAAMgfDg=="> 
</video>

但我们的视频很大,每个文件大约300mb mp4。
我们试图在src中加载​​整个视频数据,但是base64数据太大而无法加载到(浏览器)内存中。
因此,我们需要一种方法从文件中流式传输base64视频,而不是将其加载到内存中。

那么我们如何将mp4文件的base64分成小块,然后将它们加载到内存中。

例如,如果我们有这个:

 <source type="video/mp4" src="data:video/mp4;base64,AAAAHGZ0eXBtcDQyAAL+X8v5AAAAMgfDg=="> 

我们需要将其切割成3个其他数据:

<source type="video/mp4" src="data:video/mp4;base64,FIRST+BASE64+CHUNK=="> 
<source type="video/mp4" src="data:video/mp4;base64,SECOND+BASE64+CHUNK=="> 
<source type="video/mp4" src="data:video/mp4;base64,THIRD+BASE64+CHUNK=="> 

0 个答案:

没有答案