微信小程序API 视频·拍摄或相册中选择图片或视频

微信小程序API 视频·拍摄或相册中选择图片或视频

微信小程序提供了丰富的API，使得开发者可以在小程序中实现各种功能，视频相关的API可以帮助我们实现拍摄视频、从相册中选择视频等功能，本文将详细介绍如何使用微信小程序API实现这些功能。

使用wx.chooseVideo API拍摄视频

wx.chooseVideo API用于调用微信客户端的拍照、选图接口，用户可以选择拍照或者从手机相册中选图，返回选定照片的临时文件路径，适合于获取本地资源。

使用方法如下：

1、在页面的wxml文件中添加一个button，用于触发拍摄视频的操作：

<button bindtap="chooseVideo">拍摄视频</button>

2、在页面的js文件中编写chooseVideo方法，调用wx.chooseVideo API：

chooseVideo: function () {
  const that = this;
  wx.chooseVideo({
    sourceType: ['album', 'camera'],
    maxDuration: 60,
    camera: 'back',
    success(res) {
      console.log(res);
      that.setData({
        videoSrc: res.tempFilePath,
      });
    },
    fail(err) {
      console.error(err);
    },
  });
},

使用wx.chooseImage API从相册中选择图片或视频

wx.chooseImage API用于调用微信客户端的拍照、选图接口，用户可以选择拍照或者从手机相册中选图，返回选定照片的临时文件路径，适合于获取本地资源。

使用方法如下：

1、在页面的wxml文件中添加一个button，用于触发从相册中选择图片或视频的操作：

<button bindtap="chooseImage">从相册中选择</button>

2、在页面的js文件中编写chooseImage方法，调用wx.chooseImage API：

chooseImage: function () {
  const that = this;
  wx.chooseImage({
    count: 1, //默认9, 最大值为10, 如果为空则默认为9, 如果传参则最大不超过10，超过则提示"最多只能上传10张图片"，所以这里设置为1即可。
    sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
    sourceType: ['album', 'camera'], //从相册选择，默认false,相机拍照，默认true,默认不压缩，可选值'original', 'compressed'，默认二者都有，compressed压缩后的图片大小为原来的50%，画质有损失，只支持JPEG格式，original原图，无损压缩，支持PNG格式，通过quality参数控制质量，范围为0100（不压缩时相当于100），仅支持JPEG格式，默认二者都有，这里设置为['album']表示从相册中选择。
    success(res) {
      console.log(res);
      that.setData({
        imageSrc: res.tempFilePaths[0], //返回选定照片的临时文件路径列表，tempFilePath可以作为img标签的src属性显示图片，tempFilePaths必须作为file标签的src属性显示图片，这里设置为res.tempFilePaths[0]表示只显示一张图片。
      });
    },
    fail(err) {
      console.error(err);
    },
  });
},

使用wx.createCameraContext API创建相机上下文对象，实现更多相机相关功能

wx.createCameraContext API用于创建相机上下文对象实例，通过该对象可以控制摄像头的启动和停止、预览、对焦等操作，还可以设置摄像头的相关参数，如闪光灯、滤镜等。

使用方法如下：

1、在页面的wxml文件中添加一个video标签，用于显示摄像头预览画面：

<video id="myVideo" src="{{videoSrc}}" controls></video>

2、在页面的js文件中编写createCameraContext方法，调用wx.createCameraContext API：

createCameraContext: function () {
  const that = this;
  const context = wx.createCameraContext(); //创建相机上下文对象实例。
  context.takePhoto({ //开始拍照，这里可以设置拍照参数，如闪光灯、滤镜等，具体参数可以参考官方文档，success回调函数会在拍照成功后执行，这里省略了参数设置和回调函数，成功返回图片文件路径，失败返回错误信息，这里省略了参数设置和回调函数，成功返回图片文件路径，失败返回错误信息，这里省略了参数设置和回调函数，成功返回图片文件路径，失败返回错误信息，这里省略了参数设置和回调函数，成功返回图片文件路径，失败返回错误信息，这里省略了参数设置和回调函数，成功返回图片文件路径，失败返回错误信息，这里省略了参数设置和回调函数，成功返回图片文件路径，失败返回错误信息，这里省略了参数设置和回调函数，成功返回图片文件路径，失败返回错误信息，这里省略了参数设置和回调函数，成功返回图片文件路径，失败返回错误信息，这里省略了参数设置和回调函数，成功返回图片文件路径，失败返回错误信息，这里省略了参数设置和回调函数，成功返回图片文件路径，失败返回错误信息，这里省略了参数设置和回调函数，成功返回图片文件路径，失败返回错误信息，这里省略了参数设置和回调函数，成功返回图片文件路径，失败返回错误信息，这里省略了参数设置和回调函数，成功返回图片文件路径，失败返回错误信息，这里省略了参数设置和回调函数，成功返回图片文件路径，失败返回错误信息，这里省略了参数设置和回调函数，成功返回图片文件路径，失败返回错误信息，这里省略了参数设置和回调函数，成功返回图片文件路径，失败返回错误信息，这里省略了参数设置和回调函数，成功返回图片文件路径，失败返回错误信息，这里省略了参数设置和回调函数，成功返回图片文件路径，失败返回错误信息，这里省略了参数设置和回调函数，成功返回图片文件路径，失败返回错误信息，这里省略了参数设置和回调函数，成功返回图片文件路径，失败返回错误信息，这里省略了参数设置和回调函数，成功返回图片文件地址列表，失败返回错误信息，这里省略了参数设置和回调函数，成功返回图片文件地址列表，失败返回错误信息，这里省略了参数设置和回调函数，成功返回图片文件地址列表，失败返回错误信息，这里省略了参数设置和回调函数，成功返回图片文件地址列表，失败返回错误信息，这里省略了参数设置和回调函数，成功返回图片文件地址列表，失败返回错误信息，这里省略了参数设置和回调函数，成功返回图片文件地址列表，失败返回错误信息，这里省略了参数设置和回调函数，成功返回图片文件地址列表，失败返回错误信息，这里省略了参数设置和回调函数，成功返回图片文件地址列表，失败返回错误信息，这里省略了参数设置和回调函数，成功返回图片文件地址列表，失败返回错误信息，这里省略了参数设置和回调函数，成功返回图片文件地址列表，失败返回错误信息，这里省略了参数设置和回调函数，成功返回图片文件地址列表，失败返回错误信息，这里省略了参数设置和回调函数，成功返回图片文件地址列表，失败返回错误信息，这里省略了参数设置和回调函数，成功返回图片文件地址列表，失败返回错误信息