nodejs 视频使用blob隐藏真实地址,h5视频防下载

废话少说,直接上效果,看代码


<body>

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

</body>

<script type="text/javascript">

$(document).ready(function(){

$('#sound').bind('contextmenu',function() { return false; });//禁止js右键,防下载

//创建XMLHttpRequest对象

var xhr = new XMLHttpRequest();

//配置请求方式、请求地址以及是否同步

xhr.open('GET', 'http://localhost:3000/', true);

//设置请求结果类型为blob

xhr.responseType = 'blob';

//请求成功回调函数

xhr.onload = function(e) {

    if (this.status == 200) {//请求成功

        //获取blob对象

        var blob = this.response;

        //隐藏真实地址

        $("#sound").attr("src", URL.createObjectURL(blob));

    }

};

xhr.send();

})

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。