javascript实现blob加密视频源地址的方法


Posted in Javascript onAugust 08, 2019

 一、HTML代码:

<video id="my-video" class="video-js" playsinline controls preload="auto" controlslist="nodownload" controlslist="nofullscreen" width="100%" height="240"
      poster="upload/moviepic/2019-08-02/1564739500xyzp.png" data-setup="{}">
    <source src="" type="video/mp4">
    <source src="" type="video/ogg">
    <source src="" type="video/webm">
    <p class="vjs-no-js"> To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a> </p>
  </video>

二、JavaScript代码:

<script type="text/javascript">
  var video = document.getElementById("my-video");
  window.URL = window.URL || window.webkitURL;
  var xhr = new XMLHttpRequest();
  var play_url = 'test.mp4';
  xhr.open("GET", play_url, true);
  xhr.responseType = "blob";
  xhr.onload = function() {
  if (this.status == 200) {
  var blob = this.response;
  console.log(blob);
  video.onload = function(e) {
  window.URL.revokeObjectURL(video.src);
  };
  video.src = window.URL.createObjectURL(blob);
  }
  }
  xhr.send();
 </script>

三、效果图如下:

javascript实现blob加密视频源地址的方法

总结

以上所述是小编给大家介绍的javascript实现blob加密视频源地址的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

Javascript 相关文章推荐
判断脚本加载是否完成的方法
May 26 Javascript
javascript 在网页中的运用(asp.net)
Nov 23 Javascript
javascript重复绑定事件造成的后果说明
Mar 02 Javascript
JavaScript全排列的六种算法 具体实现
Jun 29 Javascript
使用jQuery实现验证上传图片的格式与大小
Dec 03 Javascript
DOM 高级编程
May 06 Javascript
jQuery动态添加
Apr 07 Javascript
JavaScript实现的可变动态数字键盘控件方式实例代码
Jul 15 Javascript
jQuery实现点击旋转,再点击恢复初始状态动画效果示例
Dec 11 jQuery
原生JS检测CSS3动画是否结束的方法详解
Jan 27 Javascript
vue-cli3环境变量与分环境打包的方法示例
Feb 18 Javascript
详解微信小程序开发聊天室—实时聊天,支持图片预览
May 20 Javascript
使用ThinkJs搭建微信中控服务的实现方法
Aug 08 #Javascript
微信小程序云函数使用mysql数据库过程详解
Aug 07 #Javascript
js如何实现元素曝光上报
Aug 07 #Javascript
详解Element-UI中上传的文件前端处理
Aug 07 #Javascript
element-ui中Table表格省市区合并单元格的方法实现
Aug 07 #Javascript
Vue+Typescript中在Vue上挂载axios使用时报错问题
Aug 07 #Javascript
更优雅的微信小程序骨架屏实现详解
Aug 07 #Javascript
You might like
PHP生成HTML静态页面实例代码
2008/08/31 PHP
php对数组内元素进行随机调换的方法
2015/05/12 PHP
javascript实现的动态文字变换
2007/07/28 Javascript
instanceof和typeof运算符的区别详解
2014/01/06 Javascript
jquery delay()介绍及使用指南
2014/09/02 Javascript
JavaScript中具名函数的多种调用方式总结
2014/11/08 Javascript
JS实现进入页面时渐变背景色的方法
2015/02/25 Javascript
详解JavaScript for循环中发送AJAX请求问题
2020/06/23 Javascript
jQuery简单实现页面元素置顶时悬浮效果示例
2016/08/01 Javascript
JavaScript 链式结构序列化详解
2016/09/30 Javascript
JavaScript字符集编码与解码详谈
2017/02/02 Javascript
利用ES6语法重构React组件详解
2017/03/02 Javascript
vue轮播图插件vue-awesome-swiper的使用代码实例
2017/07/10 Javascript
EL表达式截取字符串的函数说明
2017/09/22 Javascript
解决layer.confirm选择完之后消息框不消失的问题
2019/09/16 Javascript
在LayUI图片上传中,解决由跨域问题引起的请求接口错误的方法
2019/09/24 Javascript
python通过文件头判断文件类型
2015/10/30 Python
Python 遍历列表里面序号和值的方法(三种)
2017/02/17 Python
python入门前的第一课 python怎样入门
2018/03/06 Python
python删除不需要的python文件方法
2018/04/24 Python
对Python中数组的几种使用方法总结
2018/06/28 Python
python+mysql实现学生信息查询系统
2019/02/21 Python
在python下使用tensorflow判断是否存在文件夹的实例
2019/06/10 Python
从列表或字典创建Pandas的DataFrame对象的方法
2019/07/06 Python
python 中xpath爬虫实例详解
2019/08/26 Python
决策树剪枝算法的python实现方法详解
2019/09/18 Python
Pytorch中index_select() 函数的实现理解
2019/11/19 Python
CSS3动画和HTML5新特性详解
2020/08/31 HTML / CSS
20佳惊艳的HTML5应用程序示例分享
2011/05/03 HTML / CSS
埃弗顿足球俱乐部官方网上商店:Everton Direct
2018/01/13 全球购物
Dyson戴森波兰官网:Dyson.pl
2019/08/05 全球购物
2014年3.15团委活动总结
2014/03/16 职场文书
小学数学课题方案
2014/06/15 职场文书
酒店端午节活动方案
2014/08/26 职场文书
自主招生英文自荐信
2015/03/25 职场文书
「偶像大师 MILLION LIVE!」七尾百合子手办开订
2022/03/21 日漫