uniapp h5录制

以下是一个简单的Uniapp H5录制视频应用的代码示例：

<template>
  <view>
    <camera :style="{width: '100%', height: '300px'}" ref="camera"></camera>
    <button type="primary" @click="startRecord" :disabled="isRecording">开始录制</button>
    <button type="default" @click="stopRecord" :disabled="!isRecording">停止录制</button>
  </view>
</template>

<script>
  export default {
    data() {
      return {
        isRecording: false,
        videoPath: ''
      }
    },
    methods: {
      startRecord() {
        const ctx = uni.createCameraContext(this.$refs.camera);
        ctx.startRecord({
          success: () => {
            this.isRecording = true;
          },
          fail: () => {
            uni.showToast({
              title: '开始录制失败',
              icon: 'none',
              duration: 2000
            });
          }
        });
      },
      stopRecord() {
        const ctx = uni.createCameraContext(this.$refs.camera);
        ctx.stopRecord({
          success: (res) => {
            this.isRecording = false;
            this.videoPath = res.tempVideoPath;
            uni.saveVideoToPhotosAlbum({
              filePath: this.videoPath,
              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>

该代码可以在一个页面中渲染出一个摄像头组件，并在用户点击“开始录制”按钮后开始录制视频，再次点击“停止录制”按钮后停止录制视频，并将录制的视频保存到相册中。注意，这段代码需要用户授权才能使用摄像头和麦克风，您需要确保您的应用程序已经请求了适当的权限。