uniapp上传视频不压缩

根据提供的引用内容，鸿蒙系统中的uniapp无法直接选取后压缩视频。但是，你可以通过其他方式实现上传视频并压缩的功能。以下是一个可能的解决方案： 1. 首先，使用uniapp的`chooseVideo`方法选择要上传的视频文件。该方法会返回一个视频文件的临时路径。 2. 接下来，你可以使用第三方的视频压缩库来压缩选中的视频文件。你可以在uniapp的插件市场中找到一些可用的视频压缩插件，例如`uni-video-compress`。 3. 在压缩视频之前，你可以根据需要对视频进行预处理，例如限制分辨率、调整码率等。你可以使用JavaScript来实现这些操作。 4. 使用压缩库提供的方法，将选中的视频文件进行压缩。压缩后的视频文件将保存在指定的路径中。 5. 最后，你可以使用uniapp的`uploadFile`方法将压缩后的视频文件上传到服务器。该方法需要指定上传的文件路径和上传的目标URL。 以下是一个示例代码，演示了如何在uniapp中上传视频并压缩： ```javascript // 选择视频文件 uni.chooseVideo({ success: function(res) { // 获取选中视频的临时路径 var videoPath = res.tempFilePath; // 使用视频压缩库进行压缩 // 这里使用uni-video-compress插件作为示例 uni.compressVideo({ src: videoPath, bitrate: 4096, // 设置压缩后的码率 resolution: 1, // 设置压缩后的分辨率 success: function(res) { // 压缩成功，获取压缩后的视频路径 var compressedVideoPath = res.tempFilePath; // 上传压缩后的视频文件 uni.uploadFile({ url: 'http://example.com/upload', // 上传的目标URL filePath: compressedVideoPath, name: 'video', success: function(res) { console.log('视频上传成功'); }, fail: function(res) { console.log('视频上传失败'); } }); }, fail: function(res) { console.log('视频压缩失败'); } }); }, fail: function(res) { console.log('选择视频失败'); } }); ``` 请注意，以上示例中使用的视频压缩库和上传方法仅供参考，你可以根据实际需求选择适合的插件和方法。

### UniApp 中实现视频选择、压缩和上传功能的方法 在 UniApp 开发中，可以通过调用 `uni.chooseVideo` 方法来选择本地视频文件，并通过第三方库或自定义逻辑完成视频的压缩处理。最后利用 `uni.uploadFile` 或其他网络请求工具将视频上传到服务器。 以下是具体实现方式： #### 1. **视频选择** 可以使用 `uni.chooseVideo` API 来让用户从相册或拍摄中选择视频文件[^2]。 ```javascript chooseVideo() { uni.chooseVideo({ sourceType: ['album', 'camera'], // 可选来源：相册或相机 maxDuration: 60, // 最大录制时长（秒） camera: 'back', // 使用前置或者后置摄像头 success: (res) => { console.log('选择了视频:', res.tempFilePath); this.compressAndUpload(res.tempFilePath); // 调用压缩并上传函数 }, fail: (err) => { console.error('选择视频失败:', err); } }); } ``` --- #### 2. **视频压缩** 由于原生小程序不支持直接对视频进行压缩操作，因此需要借助云开发服务或其他插件来进行视频压缩。一种常见的做法是将视频上传至云端，在云端执行压缩后再下载回来；另一种方法是在前端引入轻量级的 H5 视频压缩库（如 `ffmpeg.js`），但这可能会增加客户端性能负担[^3]。 如果采用简单的方式，则可以在上传前仅调整分辨率参数作为初步优化措施： ```javascript compressVideo(filePath, callback) { const videoContext = uni.createVideoContext('myVideo'); // 创建视频上下文对象 let tempPath = filePath; // 这里可以根据需求设置更复杂的压缩策略 setTimeout(() => { // 模拟异步过程 callback(tempPath); // 返回压缩后的路径给回调函数 }, 1000); } // 调用示例 this.compressVideo(res.tempFilePath, compressedPath => { this.upload(compressedPath); // 继续上传已压缩好的视频 }); ``` > 注：实际项目中建议集成成熟的 SDK 完成高质量的视频压缩工作。 --- #### 3. **视频上传** 当完成了视频的选择与预处理之后，就可以将其发送到远程服务器存储位置去了。下面展示了一个基于 Promise 的通用上传接口设计[^4]: ```javascript upload(videoPath) { return new Promise((resolve, reject) => { uni.uploadFile({ url: 'https://example.com/upload', // 替换为目标地址 filePath: videoPath, name: 'file', formData: {}, // 额外表单数据可在此处补充 success: (response) => resolve(response), fail: error => reject(error) }); }).then(result => { console.log('成功上传:', result.data); }).catch(err => { console.error('上传错误:', err); }); } ``` --- ### 整合代码实例 综合以上三个部分形成完整的解决方案如下所示： ```html <template> <view class="container"> <!-- UI组件 --> <button @click="handleChoose">选择&上传</button> </view> </template> <script> export default { data() { return {}; }, methods: { handleChoose() { this.chooseVideo(); }, chooseVideo() { uni.chooseVideo({ sourceType: ['album'], success: async (res) => { await this.compressVideo(res.tempFilePath).then(path => { this.upload(path); }); } }); }, compressVideo(filePath) { return new Promise(resolve => { // 此处省略具体的压缩逻辑... resolve(filePath); // 默认返回原始路径 }); }, upload(videoPath) { uni.uploadFile({ url: 'http://yourserver/api/video-upload', filePath: videoPath, name: 'video' }).then(res => { console.info(`上传结果:${JSON.stringify(res)}`); }).catch(e => { console.warn('发生异常'); }); } } }; </script> ``` --- ### 注意事项 - 如果目标平台涉及 iOS 和 Android 同时适配，请务必测试不同设备上的兼容性表现。 - 对于超大型文件传输场景考虑分片断点续传机制提升用户体验效果更好一些[^5]。