gpt4 book ai didi

javascript - 将 blob 设置为设备的 HTML 5 视频标签的 src 属性

转载 作者:可可西里 更新时间:2023-11-01 04:57:51 27 4
gpt4 key购买 nike

我正在尝试通过将 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”和“loadedmetadata”。 “loadstart”和“loadedmetadata”事件在 Android 设备上触发,但在单击视频的默认控件后视频不播放,而在 IOS 设备上“loadstart”和“loadedmetadata”事件不会被触发。

最佳答案

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

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

关于javascript - 将 blob 设置为设备的 HTML 5 视频标签的 src 属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23510600/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com