前端实现视频直链下载

来源：前端点击直链会单独打开页面并进行播放，但是不会实现直接下载。

1.主要代码

    downVideo (url, name){var xhr = new XMLHttpRequest();xhr.open('GET', url, true);xhr.responseType = 'arraybuffer';    // 返回类型blobxhr.onload = function () {if (xhr.readyState === 4 && xhr.status === 200) {let blob = this.response;// 转换一个blob链接let u = window.URL.createObjectURL(new Blob([blob],{ type: 'video/mp4' }))let a = document.createElement('a');a.download = name;a.href = u;a.style.display = 'none'document.body.appendChild(a)a.click();a.remove();}};xhr.send()}//调用  点击按钮实现mp4格式视频下载
downVideo(video.download_url,video.title)

前端实现视频直链下载相关推荐

百度网盘——下载限速问题解决方案（油猴（Tampermonkey）+百度网盘直链下载助手+IDM）
一.基本概念 Tampermonkey(油猴):Tampermonkey插件是一个免费的浏览器扩展和最为流行的用户脚本管理器,拥有适用于 Chrome, Microsoft Edge, Safari, ...
php中文网11期录播资源下载,PHP中文网原创视频提供下载啦！
感谢广大的学员对PHP中文网的长期支持,为方便广大同学们的学习,网站现将会在晚些时刻提供原创视频的下载,大家后期可以登录PHP中文网下载站查看原创视频栏目进行下载,也可以从下方由小编对本站优秀原创视频 ...
html网站video标签blob视频如何下载
在淘宝或tdtu知乎等有时想下载里面的视频资源,看了一下视频标签里的video不是MP4格式url,而是blob+url的方式. 是blob:https并不是一种协议,而是html5中blob对象在赋 ...
在线教育录播视频防下载安全测试 _EduSoho_HLS(m3u8)
基于测试某录播课平台视频安全性的需求, 对平台上的免费视频进行安全测试,看看到底能否较好的防下载. 以下为几种常用的视频加密技术,我们这次的测试平台采用的是第二种,第三种方式主要依靠专用播放器来解决数 ...
JavaScript基于MediaRecorder录制mp4视频或webm视频并下载，JavaScript实现对video标签进行录制mp4视频或webm视频和下载
前言本章实现网页video标签录制mp4视频或webm视频并下载. 视频录制这种计算密集型任务比较重,比较适合放在后台进行实现,本章适合前端任务不太重的短时间视频录制,长时间录制建议还是走后台录制并 ...
js前端录制视频mp4本地播放转file
前端录制视频 js export class VideoRecording { // 录视频 mediaRecorder: MediaRecorder | null; stream: MediaStr ...
视频教程-19年全新React教程全家桶实战redux+antd+dva+Hooks前端js视频-ReactJS
19年全新React教程全家桶实战redux+antd+dva+Hooks前端js视频 7年的开发架构经验,曾就职于国内一线互联网公司,开发工程师,现在是某创业公司技术负责人, 擅长语言有node/j ...
尚硅谷h5前端开发视频
尚硅谷h5前端开发视频尚硅谷h5前端开发视频尚硅谷h5前端开发视频下载地址:百度网盘
50本精品前端开发书籍免费下载
场景 Web前端开发是从网页制作演变而来的,名称上有很明显的时代特征.在互联网的演化进程中,网页制作是Web1.0时代产物,那时网站的主要内容是静态的,用户使用网站的行为也以浏览为主. 实现 HTML ...

前端实现视频直链下载

1.主要代码

前端实现视频直链下载相关推荐

最新文章

热门文章