将blob设置为设备的HTML 5视频标记的src属性

Question

我正在尝试通过将HTML 5视频标记的src属性设置为Blob来播放视频（使用createObjectURL（blob）函数）。它似乎在台式机上工作正常但不在设备上工作。以下是代码流：

1. 我保存了一个包含Base64格式视频的.txt文件（这是一个要求，因此无法更改）。
2. 点击按钮后，我使用文件系统API加载.txt文件，并将Base64字符串转换为Blob。
3. 然后使用createObjectURL（blob）创建Blob的URL。
4. 将createObjectURL（blob）生成的网址设置为视频标记的src属性。

我还为视频添加了“onerror”，“loadstart”和“loadedmetadata”的监听器。 “loadstart”和“loadedmetadata”事件在Android设备上触发，但在单击默认视频控件后视频无法播放，而在IOS设备上，“loadstart”和“loadedmetadata”事件不会被触发。

Answer 1

我遇到了同样的问题，无法找到简单的解决方案。但是，我注意到新的Media Source API似乎可以在Android Chrome中运行，这可以让您解决这个问题 - 尽管只在某些设备上并且需要付出很多努力。

此处是媒体源API的示例：http://html5-demos.appspot.com/static/media-source.html