微信小程序 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 相关文章推荐
jQuery UI Datepicker length为空或不是对象错误的解决方法
Dec 19 Javascript
jQuery异步上传文件插件ajaxFileUpload详细介绍
May 19 Javascript
javascript图片延迟加载实现方法及思路
Dec 31 Javascript
JQuery DIV 动态隐藏和显示的方法
Jun 23 Javascript
结合代码图文讲解JavaScript中的作用域与作用域链
Jul 05 Javascript
vue实现一个移动端屏蔽滑动的遮罩层实例
Jun 08 Javascript
微信小程序实现弹出菜单
Jul 19 Javascript
vue组件tabbar使用方法详解
Nov 06 Javascript
JavaScript页面加载事件实例讲解
Sep 01 Javascript
Layui table field初始化加载时进行隐藏的方法
Sep 19 Javascript
浅谈vue中$event理解和框架中在包含默认值外传参
Aug 07 Javascript
JS轮播图的实现方法2
Aug 25 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
php4的彩蛋
2006/10/09 PHP
Cakephp 执行主要流程
2010/03/24 PHP
PHP的关于变量和日期处理的一些面试题目整理
2015/08/10 PHP
PHP翻页跳转功能实现方法
2020/11/30 PHP
JavaScript移除数组元素减少长度的方法
2013/09/05 Javascript
js出生日期 年月日级联菜单示例代码
2014/01/10 Javascript
jQuery取得设置清空select选择的文本与值
2014/07/08 Javascript
jQuery获得指定元素坐标的方法
2015/04/14 Javascript
javascript实现在下拉列表中显示多级树形菜单的方法
2015/08/12 Javascript
JavaScript必知必会(六) delete in instanceof
2016/06/08 Javascript
js实现图片淡入淡出切换简易效果
2016/08/22 Javascript
通过扫描二维码打开app的实现代码
2016/11/10 Javascript
Jquery+Ajax+xml实现中国地区选择三级联动菜单效果(推荐)
2017/06/09 jQuery
Vue响应式原理深入解析及注意事项
2017/12/11 Javascript
React Hooks的深入理解与使用
2018/11/12 Javascript
Vue实现的父组件向子组件传值功能示例
2019/01/19 Javascript
使用easyui从servlet传递json数据到前端页面的两种方法
2019/09/05 Javascript
原生js canvas实现鼠标跟随效果
2020/08/02 Javascript
python实现多线程抓取知乎用户
2016/12/12 Python
理解Python中的绝对路径和相对路径
2017/08/30 Python
Python爬取qq空间说说的实例代码
2018/08/17 Python
解决Python找不到ssl模块问题 No module named _ssl的方法
2019/04/29 Python
在keras中获取某一层上的feature map实例
2020/01/24 Python
html2canvas生成的图片偏移不完整的解决方法
2020/05/19 HTML / CSS
英国领先的办公用品供应商:Viking
2016/08/01 全球购物
怎样创建、运行java程序
2014/08/01 面试题
必须要使用游标的SQL语句有那些
2012/05/07 面试题
门卫岗位安全职责
2013/12/13 职场文书
社团2014年植树节活动总结
2014/03/11 职场文书
销售队伍口号
2014/06/11 职场文书
物理学专业自荐信
2014/06/11 职场文书
落实八项规定专题民主生活会对照检查材料
2014/09/15 职场文书
优秀党员事迹材料
2014/12/18 职场文书
2015年新农村建设工作总结
2015/05/22 职场文书
2015大学生暑假调查报告
2015/07/13 职场文书
安全学习心得体会范文
2016/01/18 职场文书