Angular 2 - 如何获取文件输入元素并直接播放到视频元素?

时间:2017-06-21 22:38:46

标签: angular file video

我尝试将文件上传到HTML输入元素,然后直接将其流式传输到HTML视频元素。为此,我构建了一个能够在文件上传后发出文件的FileInput组件。然后,我使用包装JavaScript FileReader类的服务,尝试从输入元素获取输入文件,并在将其绑定到Video src元素之前将其转换为Base 64字符串。据我所知,FileReader的readAsDataURL方法的结果应该包含文件的Base 64字符串的所有正确格式,如下所示:

数据:[MIME类型] [;字符集编码=] [; BASE64]

问题似乎是,当他们的Base 64解释绑定到Video src属性时,并非所有文件都正确地呈现到HTML视频元素中。在将Base 64字符串绑定到源元素之前,是否还需要对视频做任何其他事情?

我尝试了很多不同的视频,但似乎没有任何一致性可以发挥什么和不能发挥什么。我使用的每个视频都是MP4,因此网络浏览器编码不应影响视频播放功能。如果有人对可能出现的问题有任何建议或意见,我们将不胜感激。

0 个答案:

没有答案