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 相关文章推荐
parseInt parseFloat js字符串转换数字
Aug 01 Javascript
EXTJS FORM HIDDEN TEXTFIELD 赋值 使用value不好用的问题
Apr 16 Javascript
javascript编码的几个方法详细介绍
Jan 06 Javascript
JavaScript使用slice函数获取数组部分元素的方法
Apr 06 Javascript
jQuery幻灯片特效代码分享--鼠标滑过按钮时切换(2)
Nov 18 Javascript
浅谈bootstrap源码分析之tab(选项卡)
Jun 06 Javascript
js中的关联数组与普通数组详解
Jul 27 Javascript
JS身份证信息验证正则表达式
Jun 12 Javascript
vue文件树组件使用详解
Mar 29 Javascript
JavaScript链式调用实例浅析
Dec 19 Javascript
vue.js click点击事件获取当前元素对象的操作
Aug 07 Javascript
解决vue刷新页面以后丢失store的数据问题
Aug 11 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中数组的分组排序实例
2014/06/01 PHP
php实现图片局部打马赛克的方法
2015/02/11 PHP
thinkPHP5实现数据库添加内容的方法
2017/10/25 PHP
php和C#的yield迭代器实现方法对比分析
2019/07/17 PHP
基于laravel belongsTo使用详解
2019/10/18 PHP
让 JavaScript 轻松支持函数重载 (Part 2 - 实现)
2009/08/04 Javascript
JavaScript调用后台的三种方法实例
2013/10/17 Javascript
Javascript玩转继承(三)
2014/05/08 Javascript
js语法学习之判断一个对象是否为数组
2014/05/13 Javascript
当滚动条滚动到页面底部自动加载增加内容的js代码
2014/05/13 Javascript
jQuery操作DOM之获取表单控件的值
2015/01/23 Javascript
JavaScript实现更改网页背景与字体颜色的方法
2015/02/02 Javascript
JavaScript转换二进制编码为ASCII码的方法
2015/04/16 Javascript
JavaScript使用cookie实现记住账号密码功能
2015/04/27 Javascript
Vue.js路由vue-router使用方法详解
2017/03/20 Javascript
Bootstrap 模态对话框只加载一次 remote 数据的完美解决办法
2017/07/09 Javascript
React/Redux应用使用Async/Await的方法
2017/11/16 Javascript
Swiper自定义分页器使用详解
2017/12/28 Javascript
详解vue项目中实现图片裁剪功能
2019/06/07 Javascript
你或许不知道的一些npm实用技巧
2019/07/04 Javascript
VUE组件中的 Drawer 抽屉实现代码
2019/08/06 Javascript
微信小程序如何获取地址
2019/12/24 Javascript
Vue 嵌套路由使用总结(推荐)
2020/01/13 Javascript
[01:11:02]Secret vs Newbee 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/17 DOTA
Python写的创建文件夹自定义函数mkdir()
2014/08/25 Python
Python实现在线程里运行scrapy的方法
2015/04/07 Python
使用Python求解最大公约数的实现方法
2015/08/20 Python
Python实现字符串格式化输出的方法详解
2017/09/20 Python
Django Rest framework权限的详细用法
2019/07/25 Python
TripAdvisor台湾:全球最大旅游网站
2018/08/26 全球购物
违反课堂纪律检讨书
2014/01/19 职场文书
幼儿园国庆节活动方案
2014/02/01 职场文书
报效祖国演讲稿
2014/09/15 职场文书
廉政文化进校园广播稿
2014/10/20 职场文书
离婚民事起诉状
2015/08/03 职场文书
2022年显卡天梯图(6月更新)
2022/06/17 数码科技