微信小程序 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 相关文章推荐
javascript 单选框,多选框美化代码
Aug 01 Javascript
客户端js性能优化小技巧整理
Nov 05 Javascript
js根据日期判断星座的示例代码
Jan 23 Javascript
js实现同一页面多个不同运动效果的方法
Apr 10 Javascript
Javascript函数的参数
Jul 16 Javascript
JavaScript实现点击按钮切换网页背景色的方法
Oct 17 Javascript
基于Bootstrap的后台管理面板 Bootstrap Metro Dashboard
Jun 17 Javascript
Angular 1.x个人使用的经验小结
Jul 19 Javascript
详解Vue结合后台的列表增删改案例
Aug 21 Javascript
Angular7创建项目、组件、服务以及服务的使用
Feb 19 Javascript
全面分析JavaScript 继承
May 30 Javascript
js布局实现单选按钮控件
Jan 17 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安装攻略:常见问题解答(一)
2006/10/09 PHP
解析CI的AJAX分页 另类实现方法
2013/06/27 PHP
php导出word格式数据的代码实例
2013/11/25 PHP
PHP扩展开发入门教程
2015/02/26 PHP
php根据生日计算年龄的方法
2015/07/13 PHP
10个php函数实用却不常见
2015/10/13 PHP
PHP 7安装使用体验之性能大提升,兼容性强,扩展支持不够(升级PHP要谨慎)
2017/07/27 PHP
纯JavaScript实现HTML5 Canvas六种特效滤镜示例
2013/06/28 Javascript
Vue SPA单页应用首屏优化实践
2018/06/28 Javascript
小程序自定义组件实现城市选择功能
2018/07/18 Javascript
JS+HTML5 canvas绘制验证码示例
2018/12/05 Javascript
iview的table组件自带的过滤器实现
2019/07/12 Javascript
layui table 表格上添加日期控件的两种方法
2019/09/28 Javascript
JavaScript如何处理移动端拍摄图片旋转问题
2019/11/16 Javascript
Python 深入理解yield
2008/09/06 Python
Python读取网页内容的方法
2015/07/30 Python
Python随机数random模块使用指南
2016/09/09 Python
Python set常用操作函数集锦
2017/11/15 Python
Python修改文件往指定行插入内容的实例
2019/01/30 Python
基于python实现高速视频传输程序
2019/05/05 Python
python实现while循环打印星星的四种形状
2019/11/23 Python
pytorch中获取模型input/output shape实例
2019/12/30 Python
使用python turtle画高达
2020/01/19 Python
css3简单练习实现遨游浏览器logo的绘制
2013/01/30 HTML / CSS
HTML5给汉字加拼音收起展开组件的实现代码
2020/04/08 HTML / CSS
利物浦足球俱乐部官方网上商店:Liverpool FC Official Store
2018/01/13 全球购物
汉米尔顿手表官网:Hamilton
2020/09/13 全球购物
什么是GWT的Entry Point
2013/08/16 面试题
如何提高MySql的安全性
2014/06/19 面试题
生产管理的三大手法
2013/11/11 职场文书
初二生物教学反思
2014/02/03 职场文书
十八届三中全会个人学习材料
2014/02/13 职场文书
大学毕业寄语大全
2014/04/10 职场文书
单位委托书范本(3篇)
2014/09/18 职场文书
Oracle安装TNS_ADMIN环境变量设置参考
2021/11/01 Oracle
Python 一键获取电脑浏览器的账号密码
2022/05/11 Python