uniapp video 播放uni.saveFile保存的 本地视频 ,具体的代码
时间: 2024-10-09 12:08:01 浏览: 67
UniApp 的 Video 组件允许你在小程序中播放视频,并可以利用 Uni.saveFile 功能将视频保存到本地。下面是一个简单的示例,展示了如何获取 Video 的源 URL 后保存到本地:
```javascript
// 引入必要的组件和API
import { Video, uniService } from 'uni-app';
Page({
data: {
videoSrc: 'your_video_url', // 替换为你实际的视频URL
localFilePath: '',
},
// 视频播放完成后的回调
onPlayEnd(e) {
if (e.detail.status === 'success') {
const saveVideo = async () => {
try {
const response = await uniService.downloadFile({
url: this.videoSrc, // 视频源URL
savePath: 'videos/', // 保存目录
fileName: e.detail.url.split('/').pop(), // 获取文件名
});
this.localFilePath = response.tempFilePath; // 保存本地路径
console.log('视频已保存至:', this.localFilePath);
} catch (error) {
console.error('保存视频失败:', error.message);
}
};
saveVideo();
}
},
})
```
在这个例子中,当视频播放结束(`onPlayEnd`事件触发),会尝试下载视频并保存到指定的目录。记得替换 `videoSrc` 为你要保存的视频的实际链接。
阅读全文