微信小程序 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程序之undefined篇(中)
Nov 23 Javascript
js+html+css实现鼠标移动div实例
Jan 30 Javascript
JS实现带关闭功能的阿里妈妈网站顶部滑出banner工具条代码
Sep 17 Javascript
开启Javascript中apply、call、bind的用法之旅模式
Oct 28 Javascript
JS实现六边形3D拖拽翻转效果的方法
Sep 11 Javascript
jquery判断iPhone、Android设备类型
Sep 14 Javascript
Bootstrap CSS组件之下拉菜单(dropdown)
Dec 17 Javascript
看看“疫苗查询”小程序有温度的代码
Jul 31 Javascript
vue项目打包后上传至GitHub并实现github-pages的预览
May 06 Javascript
深入理解JS异步编程-Promise
Jun 03 Javascript
layer扩展打开/关闭动画的方法
Sep 23 Javascript
javascript中Set、Map、WeakSet、WeakMap区别
Dec 24 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 HTML代码串 截取实现代码
2009/06/29 PHP
php快速排序原理与实现方法分析
2016/05/26 PHP
thinkPHP的表达式查询用法详解
2016/09/14 PHP
PHP如何通过表单直接提交大文件详解
2019/01/08 PHP
发布BlueShow v1.0 图片浏览器(类似lightbox)blueshow.js 打包下载
2007/07/21 Javascript
jQuery maxlength文本字数限制插件
2010/04/16 Javascript
兼容IE和FF的js脚本代码小结(比较常用)
2010/12/06 Javascript
js自定义事件及事件交互原理概述(一)
2013/02/01 Javascript
JS不间断向上滚动效果代码
2013/12/25 Javascript
DeviceOne 让你一见钟情的App快速开发平台
2016/02/17 Javascript
JavaScript必知必会(十) call apply bind的用法说明
2016/06/08 Javascript
jQuery ajax方法传递中文时出现中文乱码的解决方法
2016/07/25 Javascript
jQuery序列化表单成对象的简单实现
2016/11/29 Javascript
基于jquery二维码生成插件qrcode
2017/01/07 Javascript
详解vue-cli中配置sass
2017/06/21 Javascript
Angularjs单选框相关的示例代码
2017/08/17 Javascript
完美解决手机网页中输入框被输入法遮挡的问题
2017/12/19 Javascript
vue+webpack 打包文件 404 页面空白的解决方法
2018/02/28 Javascript
基于JS实现html中placeholder属性提示文字效果示例
2018/04/19 Javascript
nuxt.js服务端渲染中axios和proxy代理的配置操作
2020/11/06 Javascript
python 多线程实现检测服务器在线情况
2015/11/25 Python
python 根据网易云歌曲的ID 直接下载歌曲的实例
2019/08/24 Python
解决Keras中CNN输入维度报错问题
2020/06/29 Python
Python如何将装饰器定义为类
2020/07/30 Python
美国礼品卡交易网站:Cardpool
2018/08/27 全球购物
Hotels.com英国:全球领先的酒店住宿提供商
2019/01/24 全球购物
精彩的推荐信范文
2013/11/26 职场文书
优秀教师先进事迹
2014/01/22 职场文书
优秀技术工人先进材料
2014/02/17 职场文书
环保倡议书400字
2014/05/15 职场文书
六一儿童节演讲稿
2014/05/23 职场文书
我心目中的好老师活动方案
2014/08/19 职场文书
电子商务实训报告总结
2014/11/05 职场文书
党务工作者主要事迹材料
2015/11/03 职场文书
Python 文本滚动播放器的实现代码
2021/04/25 Python
Python机器学习之基于Pytorch实现猫狗分类
2021/06/08 Python