首页 > 生活服务 > 程序猿源

程序猿源

通过BLOB加密视频文件

管理员 2年前 1496浏览
var video = document.getElementById("my-video");
 
window.URL = window.URL || window.webkitURL; //用来判断电脑系统window.webkitURL和window.URL是一样的,window.URL标准定义,window.webkitURL是webkit内核的实现,一般手机上就是使用这个,还有火狐等浏览器的实现。
var xhr = new XMLHttpRequest();  // 实现数据请求 进行http协议的通信
var play_url = "test.mp4" //网上的视频地址
**注意,大部分视频地址都有跨域问题,在服务器上应设置好跨域的问题方便前端请求使用**
xhr.open("GET", play_url, true);  //打开一个地址,请求类型 地址 异步或同步 
xhr.responseType = "blob";  // 设置返回值 为blob对象    
xhr.onload = function (e) { //请求后要执行的函数
    if (this.status == 200) { //成功 
        var blob = this.response;  // 请求成功获取的参数 赋值给 “blob”
        console.log(blob);
        video.src = window.URL.createObjectURL(blob); //创建一个对象 视频只需要获取一次, 获取一次后,就需要释放这个对象。
        // video.onload = function () { //获取到video 后执行的函数 ?
            // window.URL.revokeObjectURL(video.src); //释放这个对象
        // };
    }
}
xhr.send(); //发送请求



版权声明:本文为原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
关注微信公众号:"cq_xifan";

评论

收藏

评论列表

  • 这篇文章还没有收到评论,赶紧来抢沙发吧~

Powered By 重庆饭哥 © 2014-2022 教学资源分享站 渝ICP备20005643号-1

相信有一天,理想主义终将所向披靡.

Design by © 2021 XIFAN. Powered by 重庆饭哥

站点声明: 本站转载作品版权归原作者及来源网站所有,原创内容作品版权归作者所有,任何内容转载、商业用途等均须联系原作者并注明来源。

友情链接: 官方网站 饭哥在线工具 饭哥导航 在线运行 博客交流社区 重庆艺术工程职业学院