vue3 如何 将在线视频 下载

在Vue3中，下载在线视频通常需要借助浏览器提供的API以及一些库的帮助，例如`axios`用于HTTP请求，`js-file-download`用于文件下载。以下是基本步骤：

1. 首先，你需要获取到视频资源的URL。这通常是通过访问页面上的HTML元素，如`<video>`标签的`src`属性获取。

const videoUrl = URL.createObjectURL(videoElement.currentSrc);

2. 使用axios或其他HTTP客户端发送GET请求并获取视频内容：

import axios from 'axios';

axios.get(videoUrl)
  .then(response => {
    const fileBlob = new Blob([response.data], {type: 'video/mp4'});
  })
  .catch(error => console.error('Failed to download:', error));

3. 创建一个可下载的链接，然后点击这个链接开始下载：

const url = window.URL.createObjectURL(fileBlob);
const link = document.createElement('a');
link.href = url;
link.download = 'video.mp4'; // 自定义下载名称
document.body.appendChild(link); // 添加到文档以便触发下载
link.click(); // 触发下载
window.URL.revokeObjectURL(url); // 下载完毕后释放URL

注意：由于同源策略限制，上述操作可能会在某些情况下受限，比如从HTTPS到HTTP的跨域请求。如果遇到这种情况，你可能需要服务器支持或使用JSONP等特殊技术绕过。