如何快速获取视频的Blob URL?

发布于 2025-02-09 18:52:13 字数 691 浏览 1 评论 0原文

我正在尝试生成类似于YouTube blob URL的BLOB URL,下面的代码工作正常,但是延迟至少16秒以生成1小时的blob URL,以适用于.mp4。是否有任何方法可以生成一个斑点URL,该斑点URL与YouTube相似,在该blob ull中很快生成了它们的斑点URL。我现在从斑点开始,所以我有点迷路了。谢谢

window.URL = window.URL || window.webkitURL;

var xhr = new XMLHttpRequest();
xhr.responseType = "arraybuffer";
xhr.onloadend = function () {
  console.log('Start Player');
  var blob = new Blob([xhr.response]);
  var blobUrl = URL.createObjectURL(blob);
  document.getElementById("video").src = blobUrl;
};

xhr.onloadstart = function () {
  console.log('Start loading');
};

xhr.open("GET", "/video.mp4", 1);
xhr.send(null);

I'm trying to generate a blob url similar to youtube blob urls, the code below is working perfectly, but there is a delay of at least 16 seconds to generate a 1 hour blob url for .mp4. Is there any way to generate a blob url that loads faster, similar to youtube, where their blob url is generated quickly. I'm starting now in blob so I'm a little lost. Thanks

window.URL = window.URL || window.webkitURL;

var xhr = new XMLHttpRequest();
xhr.responseType = "arraybuffer";
xhr.onloadend = function () {
  console.log('Start Player');
  var blob = new Blob([xhr.response]);
  var blobUrl = URL.createObjectURL(blob);
  document.getElementById("video").src = blobUrl;
};

xhr.onloadstart = function () {
  console.log('Start loading');
};

xhr.open("GET", "/video.mp4", 1);
xhr.send(null);

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文