Html5视频video标签中使用blob实现视频播放加密

最新推荐文章于 2022-11-09 13:34:39 发布

阿酷tony

最新推荐文章于 2022-11-09 13:34:39 发布

阅读量6.2k

点赞数

分类专栏：播放器开发专栏视频加密技术文章标签：视频播放加密视频加密 blob加密

本文链接：https://blog.csdn.net/ffffffff8/article/details/118596488

版权

播放器开发专栏同时被 2 个专栏收录

30 篇文章 5 订阅

订阅专栏

视频加密技术

23 篇文章 2 订阅

订阅专栏

视频全终端观看

后端代码：

/*
 * 在这里可以进行权限验证等操作
 */
 
//创建文件对象
File f = new File("E:\\test.mp4");
//获取文件名称
String fileName = f.getName();
//导出文件
String agent = getRequest().getHeader("User-Agent").toUpperCase();
InputStream fis = null;
OutputStream os = null;
try {
    fis = new BufferedInputStream(new FileInputStream(f.getPath()));
    byte[] buffer;
    buffer = new byte[fis.available()];
    fis.read(buffer);
    getResponse().reset();
    //由于火狐和其他浏览器显示名称的方式不相同，需要进行不同的编码处理
    if(agent.indexOf("FIREFOX") != -1){//火狐浏览器
        getResponse().addHeader("Content-Disposition", "attachment;filename="+ new String(fileName.getBytes("GB2312"),"ISO-8859-1"));
    }else{//其他浏览器
        getResponse().addHeader("Content-Disposition", "attachment;filename="+ URLEncoder.encode(fileName, "UTF-8"));
    }
    //设置response编码
    getResponse().setCharacterEncoding("UTF-8");
    getResponse().addHeader("Content-Length", "" + f.length());
    //设置输出文件类型
    getResponse().setContentType("video/mpeg4");
    //获取response输出流
    os = getResponse().getOutputStream();
    // 输出文件
    os.write(buffer);
}catch(Exception e){
    System.out.println(e.getMessage());
} finally{
    //关闭流
    try {
        if(fis != null){
            fis.close();
        }
    } catch (IOException e) {
        System.out.println(e.getMessage());
    } finally{
        try {
            if(os != null){
                os.flush();
            }
        } catch (IOException e) {
            System.out.println(e.getMessage());
        } finally{
            try {
                if(os != null){
                    os.close();
                }
            } catch (IOException e) {
                System.out.println(e.getMessage());
            }
        }
    }
}

HTML5 Video 使用 Blob：

//创建XMLHttpRequest对象
var xhr = new XMLHttpRequest();
//配置请求方式、请求地址以及是否同步
xhr.open('POST', './play', true);
//设置请求结果类型为blob
xhr.responseType = 'blob';
//请求成功回调函数
xhr.onload = function(e) {
    if (this.status == 200) {//请求成功
        //获取blob对象
        var blob = this.response;
        //获取blob对象地址，并把值赋给容器
        $("#sound").attr("src", URL.createObjectURL(blob));
    }
};
xhr.send();

HTML代码：

	
<video id="sound" width="200" controls="controls"></video>

我的视频应用类原创文章

[ 视频安全 ] 相关原创文章

[ 视频直播 ] 相关原创文章

[ 视频存储与应用 ] 相关原创文章

[ 视频播放器 ] 相关文章

[ WebRTC ] 相关文章

[ 谷歌浏览器 ] 相关文章

[ 微信公众号运营 ] 相关文章

阿酷tony

关注

0
点赞
踩
14

收藏

觉得还不错? 一键收藏
0
评论
Html5视频video标签中使用blob实现视频播放加密

后端代码：/* * 在这里可以进行权限验证等操作 */ //创建文件对象File f = new File("E:\\test.mp4");//获取文件名称String fileName = f.getName();//导出文件String agent = getRequest().getHeader("User-Agent").toUpperCase();InputStream fis = null;OutputStream os = null;try { ...
复制链接

扫一扫