小小技巧--BLOB视频加密

最新推荐文章于 2024-03-02 22:27:30 发布

熊子不爱吃香菜

最新推荐文章于 2024-03-02 22:27:30 发布

阅读量9.6k

点赞数

分类专栏： BLOB

本文链接：https://blog.csdn.net/H_g_y_/article/details/109557148

版权

BLOB 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

前言
对于一些视频/ 音频/ 图片等资源文件为了不被比别人私有利用我们一般会对这些资源进行加密或者特殊处理比如防盗链或者隐藏资源真实地址这里其中有一种比较常用有效的加密方式利用BLOB加密。

一丶BOLB是什么？
BOLB(binary large object)，二进制大对象，是一个可以存储二进制文件的容器。

原理：
	1.我们将获取到的视频资源 转换成BLOB类型的对象
	2.通过URL.createObjectURL()给对象创建一个临时的由BLOB开头的URL
	3.将创建的临时URL对象 放到引用资源的对象上

二丶案例
1.准备一个视频文件
2.后端写一个接口获取视频资源

    @GetMapping("getVideo")
    public void getVideo(HttpServletRequest request, HttpServletResponse response) throws  Exception {
        /*
         * 在这里可以进行权限验证等操作
         */
        //ResourceLoader的getResource获取项目中的资源
        //Resource resource = resourceLoader.getResource("classpath:video/zhangpf.mp4");
        ClassPathResource classPathResource = new ClassPathResource("video/zhangpf.mp4");
        File f = classPathResource.getFile();
        //File f = resource.getFile();
        //获取文件名称
        String fileName = f.getName();
        //导出文件
        String agent = request.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);
            response.reset();
            //由于火狐和其他浏览器显示名称的方式不相同，需要进行不同的编码处理
            if (agent.indexOf("FIREFOX") != -1) {//火狐浏览器
                response.addHeader("Content-Disposition", "attachment;filename=" + new String(fileName.getBytes("GB2312"), "ISO-8859-1"));
            } else {//其他浏览器
                response.addHeader("Content-Disposition", "attachment;filename=" + URLEncoder.encode(fileName, "UTF-8"));
            }
            //设置response编码
            response.setCharacterEncoding("UTF-8");
            response.addHeader("Content-Length", "" + f.length());
            //设置输出文件类型  视频为：video/mp4   这里给个图片格式为混淆视听
            response.setContentType("image/gif");
            //获取response输出流
            os = response.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());
                    }
                }
            }
        }
    }

3.准备一个前端页面用于获取视频资源。

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<!--zhangpf.cn-->
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="shortcut icon" href="#" />
</head>
<body>
<video id="app"  controls="controls">
    your browser does not support the video tag
</video>
<script type="text/javascript">
    var elementById = document.getElementById("app");
    var xmlHttpRequest = new  XMLHttpRequest;
    xmlHttpRequest.open("GET","getVideo",true);
    xmlHttpRequest.responseType = 'blob';
    //xmlHttpRequest.onload：只有 4 状态会触发
    xmlHttpRequest.onreadystatechange = function() {
        if (xmlHttpRequest.readyState==4 && xmlHttpRequest.status == 200) {//请求成功
            //获取blob对象
            var blob = xmlHttpRequest.response;
            //获取blob对象地址，并把值赋给容器
            var urlObj = URL.createObjectURL(blob);
            elementById.setAttribute("src", urlObj);
        }
    };
    xmlHttpRequest.send();

</script>
</body>
</html>