不知怎的,我们有了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==">