请做wxml和js代码一个含有拍照，开始录制，停止录制的页面，要求使用相机API，制作一个小程序

在微信小程序中，使用WXML和JS编写一个包含拍照、开始和停止录制功能的页面，首先需要安装`wx.previewCamera`和`wx.startRecord`等相关的API。这里是一个基础示例：

**wxml (页面文件 .wxml)**:

<!-- app.wxss -->
<view class="container">
  <button bindtap="startCapture">点击拍照</button>
  <button bindtap="startRecording" disabled="{{isRecording}}">点击录音</button>
  <button bindtap="stopRecording" disabled="{{!isRecording || !mediaSession}}" >停止录音</button>
</view>

**js (逻辑处理文件 .js)**:

Page({
  data: {
    isRecording: false,
    mediaSession: null,
  },
  startCapture: function() {
    wx.previewCamera({
      success: function(res) {
        // 拍照成功后可以保存图片或做其他操作
      }
    });
  },
  
  startRecording: function() {
    if (!this.isRecording && wx.canStartRecord()) {
      this.mediaSession = wx.startRecord({
        success: function(res) {
          this.setData({ isRecording: true });
          console.log('已经开始录音');
        },
        fail: function(err) {
          console.error('录音失败:', err);
        }
      });
    } else {
      console.log('已处于录音状态');
    }
  },

  stopRecording: function() {
    if (this.mediaSession) {
      wx.stopRecord({
        success: function(res) {
          this.setData({ isRecording: false, mediaSession: null });
          console.log('录音已停止');
          // 这里可以将音频数据进一步处理或上传
        },
        fail: function(err) {
          console.error('停止录音失败:', err);
        }
      });
    }
  },
});

在这个例子中，用户点击拍照按钮会触发`previewCamera`函数进行拍照，录音按钮会在录音权限允许的情况下开始录音，并在停止录音时禁用。当录音过程中点击停止按钮，会调用`stopRecord`停止录音并更新状态。