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 相关文章推荐
Jquery css函数用法(判断标签是否拥有某属性)
May 28 Javascript
异步JS框架的作用以及实现方法
Oct 29 Javascript
jquery分页插件jquery.pagination.js使用方法解析
Apr 01 Javascript
Web Uploader文件上传插件使用详解
May 10 Javascript
jQuery基于函数重载实现自定义Alert函数样式的方法
Jul 27 Javascript
js 动态生成html 触发事件传参字符转义的实例
Feb 14 Javascript
详解从angular-cli:1.0.0-beta.28.3升级到@angular/cli:1.0.0
May 22 Javascript
vue 2.0封装model组件的方法
Aug 03 Javascript
javascript实现的字符串转换成数组操作示例
Jun 13 Javascript
d3.js 地铁轨道交通项目实战
Nov 27 Javascript
15分钟学会vue项目改造成SSR(小白教程)
Dec 17 Javascript
webpack4从0搭建组件库的实现
Nov 29 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调用Oracle存储过程
2006/10/09 PHP
JavaScript 监听textarea中按键事件
2009/10/08 Javascript
JQuery Tips(3) 关于$()包装集内元素的改变
2009/12/14 Javascript
JavaScript中“+”的陷阱深刻理解
2012/12/04 Javascript
探讨javascript是不是面向对象的语言
2013/11/21 Javascript
jQuery文件上传插件Uploadify使用指南
2014/06/05 Javascript
js实现两点之间画线的方法
2015/05/12 Javascript
javascript+ajax实现产品页面加载信息
2015/07/09 Javascript
js+css实现文字散开重组动画特效代码分享
2015/08/21 Javascript
Seajs 简易文档 提供简单、极致的模块化开发体验
2016/04/13 Javascript
深入理解JavaScript单体内置对象
2016/06/06 Javascript
Angularjs实现mvvm式的选项卡示例代码
2016/09/08 Javascript
jQuery实现发送验证码并60秒倒计时功能
2016/11/25 Javascript
微信小程序滑动选择器的实现代码
2018/08/10 Javascript
深入理解nodejs搭建静态服务器(实现命令行)
2019/02/05 NodeJs
VUE组件中的 Drawer 抽屉实现代码
2019/08/06 Javascript
vue基本使用--refs获取组件或元素的实例
2019/11/07 Javascript
解决pycharm双击但是无法打开的情况
2020/10/31 Javascript
Python中的zipfile模块使用详解
2015/06/25 Python
Python中的with语句与上下文管理器学习总结
2016/06/28 Python
Python中二维列表如何获取子区域元素的组成
2017/01/19 Python
利用Python如何生成便签图片详解
2018/07/09 Python
对python 生成拼接xml报文的示例详解
2018/12/28 Python
详解Python GUI编程之PyQt5入门到实战
2020/12/10 Python
python 实现Harris角点检测算法
2020/12/11 Python
浅谈Python xlwings 读取Excel文件的正确姿势
2021/02/26 Python
深入浅析CSS3中的Flex布局整理
2020/04/27 HTML / CSS
深入解析HTML5的IndexedDB索引数据库
2015/09/14 HTML / CSS
Html5 audio标签样式的修改
2016/01/28 HTML / CSS
C++面试题:关于链表和指针
2013/06/05 面试题
完美实现CSS垂直居中的11种方法
2021/03/27 HTML / CSS
前台领班岗位职责
2013/12/04 职场文书
2014年国培研修感言
2014/03/09 职场文书
就业推荐表自我鉴定范文
2014/03/21 职场文书
公司年底活动方案
2014/08/17 职场文书
Python实现天气查询软件
2021/06/07 Python