Uniapp 如何调起摄像头拍摄视频

在 Uniapp 开发中，调起摄像头拍摄视频是一个常见需求。通过一系列简单步骤，开发者就能轻松实现这一功能，为应用增添丰富的多媒体交互体验。

要确保项目的配置文件正确设置。在 manifest.json 文件中，需要配置相关权限，以保证应用能够合法访问摄像头设备。这一步很关键，若权限配置有误，可能导致无法正常调起摄像头。

接着，在页面的 script 部分，引入 Uniapp 提供的摄像头拍摄视频 API。uni.chooseVideo 是一个常用的方法，它可以调起系统摄像头或从相册选择视频。例如：

methods: {
    startRecord() {
        uni.chooseVideo({
            sourceType: ['camera'], // 仅使用摄像头拍摄
            maxDuration: 60, // 拍摄最长时间，单位秒
            camera: 'back', // 使用后置摄像头
            success: (res) => {
                this.videoSrc = res.tempFilePath; // 保存拍摄的视频临时路径
            },
            fail: (err) => {
                console.log('拍摄视频失败', err);
            }
        });
    }
}

在上述代码中，sourceType 设置为 ['camera'] 表示只通过摄像头拍摄视频。maxDuration 限制了拍摄的最长时间，camera 则指定使用后置摄像头，若想使用前置摄像头，将其值改为 'front' 即可。拍摄成功后，视频的临时文件路径会存储在 res.tempFilePath 中，可以将其赋值给页面的变量，以便后续展示或处理。

在页面的 template 部分，添加相应的按钮和视频展示区域。

<template>
    <view>
        <button @click="startRecord">开始拍摄</button>
        <video :src="videoSrc" controls></video>
    </view>
</template>

上述代码中，按钮的 @click 事件绑定了 startRecord 方法，点击按钮即可开始拍摄。<video> 标签用于展示拍摄的视频，通过 :src 绑定存储视频路径的变量。

通过这些步骤，就能在 Uniapp 应用中实现调起摄像头拍摄视频的功能。开发者还可以进一步优化，比如添加拍摄状态提示、对拍摄的视频进行剪辑处理等，为用户带来更优质的体验。