微信小程序实现录像拍摄功能方法

By 小程序开发 at 2023-09-01 • 0人收藏 • 180人看过

微信小程序实现录像拍摄可以使用API函数wx.chooseVideo(),使用wx.chooseVideo()拍摄视频或从手机相册中选视频,并返回视频的临时文件路径。


OBJECT参数

微信截图_20230901152842.png

success返回参数

微信截图_20230901152917.png


下面是wx.chooseVideo() 代码示例:


// 在页面中添加一个按钮,点击时触发选择视频功能  
<button bindtap="chooseVideo">选择视频</button>  
  
// 在页面中定义选择视频的函数  
chooseVideo: function () {  
  wx.chooseVideo({  
    sourceType: ['album', 'camera'],  
    maxDuration: 180,  
    camera: true,  
    success: (res) => {  
      console.log('选择视频成功,返回路径为:', res.tempFilePath)  
      // 在页面中使用video组件展示选择的视频  
      const video = wx.createVideoPlayer({  
        src: res.tempFilePath,  
        poster: '',  
        width: '100%',  
        height: '100%',  
        controls: true,  
        autoplay: true,  
        // 其他video组件属性  
      })  
      video.show()  
    },  
    fail: (res) => {  
      console.log('选择视频失败:', res)  
    }  
  })  
}


当点击按钮时,会触发 chooseVideo 函数。该函数调用 wx.chooseVideo API,允许用户从相册或相机中选择视频,并设置最大时长为180秒,以及支持同时选择摄像头录制视频。选择成功后,会在控制台输出选择的视频的临时路径,并在页面中使用 video 组件展示选择的视频。

登录后方可回帖

Loading...