将blob设置为设备的html5视频标签的src属性

Question

我试图通过将HTML 5视频标签的src属性设置为Blob(使用createObjectURL(Blob)函数)来播放视频。它似乎在台式机上运行良好，但在设备上运行不了。以下是代码流程:

1. 我保留了一个。txt文件，其中包含Base64格式的视频(这是一个要求，所以不能改变)。
2. 点击一个按钮，我使用文件系统API加载。txt文件，并将Base64字符串转换为Blob。
3. 然后使用createObjectURL(Blob)为Blob创建url。
4. 将createObjectURL(blob)生成的url设置为视频标签的src属性

我还附加了监听器"onerror"，"loadstart"one_answers"loaddmetadata"的视频。"loadstart"one_answers"loaddmetadata"事件在Android设备上被触发，但在点击视频的默认控件后视频不会播放，而在IOS设备上"loadstart"one_answers"loaddmetadata"事件不会被触发。

Answer 1

我有同样的问题，无法找到一个简单的解决方案。然而，我注意到新的媒体源API似乎可以在Android Chrome中工作，这将允许你解决这个问题-尽管只在某些设备上，并且需要付出很多努力。

下面是一个媒体源API的示例:http://html5-demos.appspot.com/static/media-source.html