uniapp 调取手机摄像头

uniApp是一个基于Vue.js的跨平台应用开发框架，它允许开发者构建一次代码，可以在微信小程序、H5、iOS、Android等多个平台上运行。要在uniApp中调取手机摄像头，你可以按照以下步骤操作：

1. 首先，确保你的uni-app项目已经安装了相应的插件，如`@dcloudio/uni-starter`: `npm install @dcloudio/uni-starter`

2. 在`.vue`组件文件中引入`uni-camera`组件：

<template>
  <view>
    <uni-camera :auto="true" :pick-type="type" @ready="onCameraReady"></uni-camera>
  </view>
</template>

<script setup>
import { onMounted, ref } from 'vue';
import { uniCamera } from '@dcloudio/uni-starter';

const camera = ref(null);
let type = 'camera'; // 或者 'video'

async function onCameraReady() {
  await camera.value.open();
}

function switchCamera() {
  if (type === 'camera') {
    type = 'video';
  } else {
    type = 'camera';
  }
  await camera.value.switchCamera(type);
}
</script>

3. 添加事件处理，比如按钮点击事件来切换前后置摄像头或者开始拍照录像：

<button @click="switchCamera">切换摄像头</button>
<button @click="capture">拍照</button>

4. 完成上述步骤后，在`methods`部分添加对应的方法来处理拍照或录像的行为：

...
export default {
  methods: {
    capture() {
      if (camera.value) {
        camera.value.capture((res) => {
          // 处理图片数据
        });
      }
    }
  },
  ...
}