uniapp h5摄像代码

以下是一个简单的Uniapp H5摄像头应用的代码示例：

<template>
  <view>
    <camera :style="{width: '100%', height: '300px'}" ref="camera"></camera>
    <button type="primary" @click="takePhoto">拍照</button>
  </view>
</template>

<script>
  export default {
    methods: {
      takePhoto() {
        const ctx = uni.createCameraContext(this.$refs.camera);
        ctx.takePhoto({
          quality: 'high',
          success: (res) => {
            uni.saveImageToPhotosAlbum({
              filePath: res.tempImagePath,
              success: () => {
                uni.showToast({
                  title: '保存成功',
                  icon: 'success',
                  duration: 2000
                });
              },
              fail: () => {
                uni.showToast({
                  title: '保存失败',
                  icon: 'none',
                  duration: 2000
                });
              }
            });
          },
          fail: () => {
            uni.showToast({
              title: '拍照失败',
              icon: 'none',
              duration: 2000
            });
          }
        });
      }
    }
  }
</script>

该代码可以在一个页面中渲染出一个摄像头组件，并在用户点击“拍照”按钮后拍摄一张照片并保存到相册中。注意，这段代码需要用户授权才能使用摄像头，您需要确保您的应用程序已经请求了适当的权限。