微信小程序相机实现照相录像功能

微信小程序提供了wx.createCameraContext()方法来创建相机上下文对象，以实现拍照和录像功能。

实现拍照功能：

1. 在wxml文件中添加一个按钮，点击时触发拍照事件：

<button bindtap="takePhoto">拍照</button>

2. 在对应的js文件中定义takePhoto方法：

Page({
  takePhoto() {
    const ctx = wx.createCameraContext();
    ctx.takePhoto({
      quality: 'high',
      success: (res) => {
        this.setData({
          src: res.tempImagePath
        })
      }
    })
  }
})

3. 调用createCameraContext()方法创建相机上下文对象，然后调用takePhoto()方法，设置照片质量和成功后的回调函数，将拍摄的照片临时路径存储在data中。

实现录像功能：

1. 在wxml文件中添加一个按钮，点击时触发录像事件：

<button bindtap="startRecord">开始录像</button>
<button bindtap="stopRecord">停止录像</button>

2. 在对应的js文件中定义startRecord和stopRecord方法：

Page({
  data: {
    videoSrc: ''
  },
  startRecord() {
    const ctx = wx.createCameraContext();
    ctx.startRecord({
      success: (res) => {
        console.log('startRecord')
      }
    })
  },
  stopRecord() {
    const ctx = wx.createCameraContext();
    ctx.stopRecord({
      success: (res) => {
        this.setData({
          videoSrc: res.tempVideoPath
        })
      }
    })
  }
})

3. 调用createCameraContext()方法创建相机上下文对象，然后调用startRecord()方法开始录像，调用stopRecord()方法停止录像并将录制的视频临时路径存储在data中。

需要注意的是，在小程序中使用摄像头时，需要在app.json文件中添加相机权限：

{
  "permissions": {
    "scope.camera": {
      "desc": "用于拍照和录像"
    }
  }
}