手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >微信小程序 Video API实例详解
微信小程序 Video API实例详解
摘要:电脑端不能测试拍摄功能只能测试选择视频功能,好像只支持mp4格式,值得注意的是成功之后返回的临时文件路径是个列表tempFilePaths而...

微信小程序 Video API实例详解1

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

主要属性:

wx.chooseVideo(object)

微信小程序 Video API实例详解2

成功之后返回参数

微信小程序 Video API实例详解3

wxml

<button type="primary" bindtap="listenerBtnOpenVideo">打开视频</button> <> <video src="{{videoSource}}" hidden="{{videoHidden}}"/>

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(){ // 页面关闭 } })

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

【微信小程序 Video API实例详解】相关文章:

javascript瀑布流布局实现方法详解

解析Node.js基于模块和包的代码部署方式

javascript组合使用构造函数模式和原型模式实例

JQuery+CSS实现图片上放置按钮的方法

JavaScript正则表达式的分组匹配详解

JavaScript事件的理解

js实现顶部可折叠的菜单工具栏效果实例

微信WeixinJSBridge API使用实例

Javascript中Date类型和Math类型详解

JavaScript中for循环的使用详解

精品推荐
分类导航