js 缓存视频文件到本地

复制代码
         blobLoad(src, obj) {
            let self = this;
            const req = new XMLHttpRequest();
            req.open("GET", src, true);
            req.responseType = "blob";
            req.onload = function () {
              // Onload is triggered even on 404
              // so we need to check the status code
              if (this.status === 200) {
                const videoBlob = this.response;
                const blobSrc = URL.createObjectURL(videoBlob); // IE10+
                // Video is now downloaded
                // and we can set it as source on the video element
                // blobSrc 便是虚拟的本地地址
              }
            };
            req.onerror = function () {
              // Error
            };
            req.send();
          },
复制代码

  可通过 ajax 请求将文件缓存为本地 blob,并由 URL.createObjectURL 缓存到本地。之后使用 blobSrc 作为静态资源地址即可。blobSrc 的生存周期与页面一致。

posted @   牛有肉  阅读(2731)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 【译】Visual Studio 中新的强大生产力特性
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
点击右上角即可分享
微信分享提示