uniapp录制视频60秒
时间: 2023-08-05 13:07:50 浏览: 161
uni-app录制视频插件,视频压缩,支持设置分辨率和视频名称
5星 · 资源好评率100%
你可以使用uni-app中的uni-app-plus插件来录制视频。这个插件提供了一个名为uni-mp-video的组件,你可以在页面中使用它来录制视频。以下是一个简单的示例代码,可以帮助你录制60秒的视频:
```html
<template>
<view>
<uni-mp-video ref="video" @start="onStart" @stop="onStop"></uni-mp-video>
<button @tap="startRecording">开始录制</button>
<button @tap="stopRecording">停止录制</button>
</view>
</template>
<script>
export default {
data() {
return {
timer: null,
duration: 60000
}
},
methods: {
startRecording() {
this.$refs.video.start()
this.timer = setTimeout(() => this.stopRecording(), this.duration)
},
stopRecording() {
clearTimeout(this.timer)
this.$refs.video.stop()
},
onStart() {
console.log('开始录制')
},
onStop(res) {
console.log('录制完成', res.tempFilePath)
}
}
}
</script>
```
在这个示例代码中,我们使用了uni-mp-video组件来录制视频。当用户点击“开始录制”按钮时,我们调用了组件的start方法来开始录制。同时,我们使用了一个定时器来限制录制时间,当时间到达60秒时,我们调用了组件的stop方法来停止录制。在录制完成后,组件会触发stop事件,并返回录制好的视频文件路径。
阅读全文