微信小程序 Video API实例详解


Posted in Javascript onOctober 02, 2016

微信小程序 Video API实例详解

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

主要属性:

wx.chooseVideo(object)

微信小程序 Video API实例详解

成功之后返回参数

微信小程序 Video API实例详解

wxml

<button type="primary" bindtap="listenerBtnOpenVideo">打开视频</button>
<!--默认视频组件是隐藏的-->
<video src="{{videoSource}}" hidden="{{videoHidden}}" style="width: 100%; height: 100%"/>

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

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

Javascript 相关文章推荐
父元素与子iframe相互获取变量和元素对象的具体实现
Oct 15 Javascript
jQuery中delegate()方法用法实例
Jan 19 Javascript
JS实现很酷的水波文字特效实例
Feb 26 Javascript
js实现类似新浪微博首页内容渐显效果的方法
Apr 10 Javascript
基于javascript实现文字无缝滚动效果
Mar 22 Javascript
Javascript字符串拼接小技巧(推荐)
Jun 02 Javascript
ionic2打包android时gradle无法下载的解决方法
Apr 05 Javascript
VUE中的无限循环代码解析
Sep 22 Javascript
详解react-router 4.0 下服务器如何配合BrowserRouter
Dec 29 Javascript
jQuery实现动态加载select下拉列表项功能示例
May 31 jQuery
微信小程序左滑动显示菜单功能的实现
Jun 14 Javascript
vue-property-decorator用法详解
Dec 12 Javascript
老生常谈JavaScript中的this关键字
Oct 01 #Javascript
ES6新特征数字、数组、字符串
Oct 01 #Javascript
使用PBFunc在Powerbuilder中支付宝当面付款功能
Oct 01 #Javascript
ros::spin() 和 ros::spinOnce()函数的区别及详解
Oct 01 #Javascript
javascript代码调试之console.log 用法图文详解
Sep 30 #Javascript
JS实现表单多文件上传样式美化支持选中文件后删除相关项
Sep 30 #Javascript
微信小程序 Audio API详解及实例代码
Sep 30 #Javascript
You might like
用来给图片加水印的PHP类
2008/04/09 PHP
一步一步学习PHP(6) 面向对象
2010/02/16 PHP
php GUID生成函数和类
2014/03/10 PHP
PHPExcel在linux环境下导出报500错误的解决方法
2017/01/26 PHP
PHP实现单例模式建立数据库连接的方法分析
2020/02/11 PHP
js 加载时自动调整图片大小
2008/05/28 Javascript
通用JS事件写法实现代码
2009/01/07 Javascript
jQuery 定时局部刷新(setInterval)
2010/11/19 Javascript
超级有用的13个基于jQuery的内容滚动插件和教程
2011/07/31 Javascript
js实现两个值相加alert出来精确到指定位
2013/09/25 Javascript
浅谈document.write()输出样式
2015/05/07 Javascript
javascript动态创建表格及添加数据实例详解
2015/05/13 Javascript
使用nodejs开发cli项目实例
2015/06/03 NodeJs
fastclick插件导致日期(input[type=&quot;date&quot;])控件无法被触发该如何解决
2015/11/09 Javascript
浅析jQuery Ajax请求参数和返回数据的处理
2016/02/24 Javascript
浅谈js中StringBuffer类的实现方法及使用
2016/09/02 Javascript
jQuery实现select模糊查询(反射机制)
2017/01/14 Javascript
nodejs读写json文件的简单方法(必看)
2017/03/09 NodeJs
JS实现的简单分页功能示例
2018/08/23 Javascript
layui表格分页 记录勾选的实例
2019/09/02 Javascript
vue+element树组件 实现树懒加载的过程详解
2019/10/21 Javascript
python登录pop3邮件服务器接收邮件的方法
2015/04/30 Python
Djang中静态文件配置方法
2015/07/30 Python
举例讲解Python中的身份运算符的使用方法
2015/10/13 Python
详解python中xlrd包的安装与处理Excel表格
2016/12/16 Python
python使用matplotlib绘制柱状图教程
2017/02/08 Python
python生成tensorflow输入输出的图像格式的方法
2018/02/12 Python
Python3.6+Django2.0以上 xadmin站点的配置和使用教程图解
2019/06/04 Python
django框架实现一次性上传多个文件功能示例【批量上传】
2019/06/19 Python
Python爬虫爬取ts碎片视频+验证码登录功能
2021/02/22 Python
Viking Direct荷兰:购买办公用品
2019/06/20 全球购物
教师实习的自我鉴定
2013/10/26 职场文书
毕业生的自我鉴定
2013/10/29 职场文书
2014年十一国庆向国旗敬礼寄语
2014/04/11 职场文书
社区维稳工作方案
2014/06/06 职场文书
幼儿园圣诞节活动总结
2015/05/06 职场文书