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 相关文章推荐
Extjs学习过程中新手容易碰到的低级错误积累
Feb 11 Javascript
js给selected添加options的方法
May 06 Javascript
基于jQuery通过jQuery.form.js插件使用ajax提交form表单
Aug 17 Javascript
jQuery插件formValidator实现表单验证
May 23 Javascript
微信小程序 label 组件详解及简单实例
Jan 10 Javascript
.net MVC+Bootstrap下使用localResizeIMG上传图片
Apr 21 Javascript
基于JavaScript实现无缝滚动效果
Jul 21 Javascript
vue 每次渲染完页面后div的滚动条保持在最底部的方法
Mar 17 Javascript
JavaScript设计模式之缓存代理模式原理与简单用法示例
Aug 07 Javascript
微信小程序官方动态自定义底部tabBar的例子
Sep 04 Javascript
vue中的计算属性和侦听属性
Nov 06 Javascript
vue中利用three.js实现全景图的完整示例
Dec 07 Vue.js
使用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的FTP学习(二)[转自奥索]
2006/10/09 PHP
javascript YUI 读码日记之 YAHOO.util.Dom - Part.4
2008/03/22 Javascript
基于Jquery的回车成tab焦点切换效果代码(Enter To Tab )
2010/11/14 Javascript
js DOM 元素ID就是全局变量
2012/09/20 Javascript
IE6下opacity与JQuery的奇妙结合
2013/03/01 Javascript
JS简单的图片放大缩小的两种方法
2013/11/11 Javascript
跟我学Nodejs(一)--- Node.js简介及安装开发环境
2014/05/20 NodeJs
jQuery制作简洁的图片轮播效果
2015/04/03 Javascript
JQuery标签页效果实例详解
2015/12/24 Javascript
Bootstrap安装环境配置教程分享
2016/05/27 Javascript
前端学习笔记style,currentStyle,getComputedStyle的用法与区别
2016/05/28 Javascript
如何用js实现鼠标向上滚动时浮动导航
2016/07/18 Javascript
jQuery tagsinput在h5邮件客户端中应用详解
2016/09/26 Javascript
seajs学习教程之基础篇
2016/10/20 Javascript
基于JavaScript实现屏幕滚动效果
2017/01/18 Javascript
Bootstrap缩略图与警告框学习使用
2017/02/08 Javascript
JS原型与继承操作示例
2019/05/09 Javascript
javscript 数组扁平化的实现
2020/02/03 Javascript
vue随机验证码组件的封装实现
2020/02/19 Javascript
基于redis的小程序登录实现方法流程分析
2020/05/25 Javascript
[49:15]DOTA2-DPC中国联赛 正赛 CDEC vs XG BO3 第二场 1月19日
2021/03/11 DOTA
python的id()函数解密过程
2012/12/25 Python
Python2.7读取PDF文件的方法示例
2017/07/13 Python
pandas数据清洗,排序,索引设置,数据选取方法
2018/05/18 Python
Python接口测试结果集实现封装比较
2020/05/01 Python
python的reverse函数翻转结果为None的问题
2020/05/11 Python
详解CSS3原生支持div铺满浏览器的方法
2018/08/30 HTML / CSS
大学生大二自我鉴定
2013/10/28 职场文书
司机检讨书
2014/02/13 职场文书
《蓝色的树叶》教学反思
2014/02/24 职场文书
机械电子工程专业自荐书
2014/06/10 职场文书
地道战观后感2000字
2015/06/04 职场文书
应用最多的公文《通知》如何写?
2019/04/02 职场文书
遇事可以测出您的见识与格局
2019/09/16 职场文书
利用ajax+php实现商品价格计算
2021/03/31 PHP
vue3语法糖内的defineProps及defineEmits
2022/04/14 Vue.js