微信小程序 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 相关文章推荐
js实现飞入星星特效代码
Oct 17 Javascript
触屏中的JavaScript事件分析
Feb 06 Javascript
jQuery找出网页上最高元素的方法
Mar 20 Javascript
jquery使用animate方法实现控制元素移动
Mar 27 Javascript
谈谈AngularJs中的隐藏和显示
Dec 09 Javascript
JavaScript tab选项卡插件实例代码
Feb 23 Javascript
jQuery 的 ready()的纯js替代方法
Nov 20 Javascript
微信小程序开发之视频播放器 Video 弹幕 弹幕颜色自定义实例
Dec 08 Javascript
简单实现js无缝滚动效果
Feb 05 Javascript
javascript定时器取消定时器及优化方法
Jul 08 Javascript
Vue2 Vue-cli中使用Typescript的配置详解
Jul 24 Javascript
详解基于Vue,Nginx的前后端不分离部署教程
Dec 04 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上传图片类(随机名,缩略图,加水印)
2010/06/30 PHP
两种设置php载入页面时编码的方法
2014/07/29 PHP
php+mysql+jquery实现日历签到功能
2017/02/27 PHP
TNC vs BOOM BO3 第一场2.13
2021/03/10 DOTA
动态载入/删除/更新外部 JavaScript/Css 文件的代码
2010/07/03 Javascript
新手常遇到的一些jquery问题整理
2010/08/16 Javascript
js中eval详解
2012/03/30 Javascript
JavaScript高级程序设计(第3版)学习笔记6 初识js对象
2012/10/11 Javascript
nodejs的require模块(文件模块/核心模块)及路径介绍
2013/01/14 NodeJs
javascript验证身份证号
2015/03/03 Javascript
ES6中非常实用的新特性介绍
2016/03/10 Javascript
jQuery调用WebMethod(PageMethod) NET2.0的方法
2016/04/15 Javascript
基于JQuery实现图片上传预览与删除操作
2016/05/24 Javascript
JavaScript的兼容性与调试技巧
2016/11/22 Javascript
AngularJS使用带属性值的ng-app指令实现自定义模块自动加载的方法
2017/01/04 Javascript
Angular.js实现动态加载组件详解
2017/05/28 Javascript
Vue利用canvas实现移动端手写板的方法
2018/05/03 Javascript
Python脚本判断 Linux 是否运行在虚拟机上
2015/04/25 Python
Python 3中的yield from语法详解
2017/01/18 Python
Python txt文件加入字典并查询的方法
2019/01/15 Python
Python根据欧拉角求旋转矩阵的实例
2019/01/28 Python
Python实现制度转换(货币,温度,长度)
2019/07/14 Python
画pytorch模型图,以及参数计算的方法
2019/08/17 Python
Python vtk读取并显示dicom文件示例
2020/01/13 Python
Pytorch 计算误判率,计算准确率,计算召回率的例子
2020/01/18 Python
Python : turtle色彩控制实例详解
2020/01/19 Python
PyCharm GUI界面开发和exe文件生成的实现
2020/03/04 Python
Python使用20行代码实现微信聊天机器人
2020/06/05 Python
详解python使用金山词霸的翻译功能(调试工具断点的使用)
2021/01/07 Python
甜美蛋糕店创业计划书
2014/01/30 职场文书
物理研修随笔感言
2014/02/14 职场文书
检讨书大全
2015/01/27 职场文书
关于调整工作时间的通知
2015/04/24 职场文书
小鞋子观后感
2015/06/05 职场文书
2016小学教师读书心得体会
2016/01/13 职场文书
springboot layui hutool Excel导入的实现
2022/03/31 Java/Android