PHP前端开发

微信小程序中Video API的解析

百变鹏仔 8小时前 #前端问答
文章标签 程序

这篇文章主要介绍了 微信小程序 video api实例详解,需要的朋友可以参考下


电脑端不能测试拍摄功能只能测试选择视频功能,好像只支持mp4格式,值得注意的是成功之后返回的临时文件路径是个列表tempFilePaths而不是tempFilePath文档写的有点问题。

主要属性:

wx.chooseVideo(object)

成功之后返回参数

wxml

<button>打开视频</button><!--默认视频组件是隐藏的--><video></video>

js

Page({ data:{  // text:"这是一个页面"  videoSource: '',  videoHidden: true }, listenerBtnOpenVideo: function() {   var that = this;   wx.chooseVideo({     //相机和相册     sourceType: ['album', 'camera'],     //录制视频最大时长     maxDuration: 60,     //摄像头     camera: ['front', 'back'],     //这里返回的是tempFilePaths并不是tempFilePath     success: function(res){      console.log(res.tempFilePaths[0])       that.setData({         videoSource: res.tempFilePaths[0],         videoHidden: false       })     },     fail: function(e) {      console.log(e)     }   }) }, onLoad:function(options){  // 页面初始化 options为页面跳转所带来的参数 }, onReady:function(){  // 页面渲染完成 }, onShow:function(){  // 页面显示 }, onHide:function(){  // 页面隐藏 }, onUnload:function(){  // 页面关闭 }})