微信小程序 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 $.data()方法使用注意细节
Dec 31 Javascript
JS中的prototype与面向对象的实例讲解
May 22 Javascript
Javascript字符串对象的常用方法简明版
Jun 26 Javascript
解决jQuery uploadify在非IE核心浏览器下无法上传
Aug 05 Javascript
JS+CSS实现仿雅虎另类滑动门切换效果
Oct 13 Javascript
AngularJS使用ngMessages进行表单验证
Dec 27 Javascript
jquery.Jcrop结合JAVA后台实现图片裁剪上传实例
Nov 05 Javascript
JavaScript实现向select下拉框中添加和删除元素的方法
Mar 07 Javascript
React根据宽度自适应高度的示例代码
Oct 11 Javascript
Vue.js添加组件操作示例
Jun 13 Javascript
ES6中定义类和对象的方法示例
Jul 31 Javascript
axios封装与传参示例详解
Oct 18 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框架Phpbean说明
2008/01/10 PHP
解析CI即CodeIgniter框架在Nginx下的重写规则
2013/06/03 PHP
PHP防止跨域提交表单
2013/11/01 PHP
Ubuntu中搭建Nginx、PHP环境最简单的方法
2015/03/05 PHP
php输出xml属性的方法
2015/03/19 PHP
apache php mysql开发环境安装教程
2016/07/28 PHP
Vagrant(WSL)+PHPStorm+Xdebu 断点调试环境搭建
2019/12/13 PHP
JS在IE和FF下attachEvent,addEventListener学习笔记
2009/11/26 Javascript
JQuery实现带排序功能的权限选择实例
2015/05/18 Javascript
JavaScript代码性能优化总结(推荐)
2016/05/16 Javascript
jQuery插件简单学习实例教程
2016/07/01 Javascript
jquery实现图片轮播器
2017/05/23 jQuery
从对象列表中获取一个对象的方法,依据关键字和值
2017/09/20 Javascript
关于 angularJS的一些用法
2017/11/29 Javascript
微信公众平台 发送模板消息(Java接口开发)
2019/04/17 Javascript
vue组件库的在线主题编辑器的实现思路
2020/04/03 Javascript
微信小程序文章详情功能完整实例
2020/06/03 Javascript
Python中logging模块的用法实例
2014/09/29 Python
Tensorflow简单验证码识别应用
2017/05/25 Python
Python机器学习logistic回归代码解析
2018/01/17 Python
Windows上使用Python增加或删除权限的方法
2018/04/24 Python
基于Python对数据shape的常见操作详解
2018/12/25 Python
Python内置函数locals和globals对比
2020/04/28 Python
HTML5实现可缩放时钟代码
2017/08/28 HTML / CSS
Redbubble法国:由独立艺术家设计的独特产品
2019/01/08 全球购物
SportsDirect.com新加坡:英国第一体育零售商
2019/03/30 全球购物
大学生专业个人学习的自我评价
2013/10/26 职场文书
应届生服务员求职信
2013/10/31 职场文书
销售工作人员的自我评价分享
2013/11/10 职场文书
物流创业计划书
2014/02/01 职场文书
清明节演讲稿
2014/05/27 职场文书
单位个人查摆问题及整改措施
2014/10/28 职场文书
英文邀请函
2015/02/02 职场文书
党内外群众意见范文
2015/06/02 职场文书
音乐剧猫观后感
2015/06/04 职场文书
公司趣味运动会开幕词
2016/03/04 职场文书