微信小程序实现录像拍摄功能方法
By
小程序开发
at 2023-09-01 • 0人收藏 • 180人看过
微信小程序实现录像拍摄可以使用API函数wx.chooseVideo(),使用wx.chooseVideo()拍摄视频或从手机相册中选视频,并返回视频的临时文件路径。
OBJECT参数
success返回参数
下面是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 组件展示选择的视频。
登录后方可回帖