微信小程序 Video API实例详解
2016-10-02 09:30
871 查看
电脑端不能测试拍摄功能只能测试选择视频功能,好像只支持mp4格式,值得注意的是成功之后返回的临时文件路径是个列表tempFilePaths而不是tempFilePath文档写的有点问题。
主要属性:
wx.chooseVideo(object)
成功之后返回参数
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(){ // 页面关闭 } })
感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!
您可能感兴趣的文章:
相关文章推荐
- 微信小程序 toast 详解及实例代码
- 微信小程序 数据交互与渲染实例详解
- 微信小程序 数据访问实例详解
- 微信小程序之数据缓存的实例详解
- 微信小程序 框架详解及实例应用
- 微信小程序 实现列表刷新的实例详解
- 微信小程序 数据访问实例详解
- 微信小程序中form 表单提交和取值实例详解
- 微信小程序 loading 详解及实例代码
- 使用微信小程序开发弹出框应用实例详解
- PHP:微信小程序 微信支付服务端集成实例详解及源码下载
- 微信小程序开发实例详解
- 微信 小程序前端源码详解及实例分析
- 微信小程序 slider 详解及实例代码
- 微信小程序组件 contact-button(客服会话按钮)详解及实例代码
- 微信小程序 wx:for的使用实例详解
- 微信小程序 POST请求(网络请求)详解及实例代码
- 微信小程序 选择器(时间,日期,地区)实例详解
- 微信小程序 input输入框控件详解及实例(多种示例)
- 微信小程序 Audio API详解及实例代码