小程序教程

微信小程序把玩(三十五)Video API

字号+ 作者: 来源: 2016-11-23 09:49 我要评论( )

电脑端不能测试拍摄功能只能测试选择视频功能,好像只支持mp4格式,值得注意的是成功之后返回的临时文件路径是个列表tempFilePaths而不是tempFilePath文档写的有点问题。

主要属性:

wx.chooseVideo(object)

成功之后返回参数

wxml

  1. <button type="primary" bindtap="listenerBtnOpenVideo">打开视频</button>
  2. <!--默认视频组件是隐藏的-->
  3. <video src="{{videoSource}}" hidden="{{videoHidden}}" style="width: 100%; height: 100%"/>
复制代码

js

  1. Page({
  2.   data:{
  3.     // text:"这是一个页面"
  4.     videoSource: '',
  5.     videoHidden: true
  6.   },

  7. listenerBtnOpenVideo: function() {
  8.      var that = this;
  9.      wx.chooseVideo({
  10.          //相机和相册
  11.          sourceType: ['album', 'camera'],
  12.          //录制视频最大时长
  13.          maxDuration: 60,
  14.          //摄像头
  15.          camera: ['front', 'back'],
  16.          //这里返回的是tempFilePaths并不是tempFilePath
  17.          success: function(res){
  18.            console.log(res.tempFilePaths[0])
  19.              that.setData({
  20.                  videoSource: res.tempFilePaths[0],
  21.                  videoHidden: false
  22.              })
  23.          },
  24.          fail: function(e) {
  25.            console.log(e)
  26.          }
  27.      })
  28. },

  29.   onLoad:function(options){
  30.     // 页面初始化 options为页面跳转所带来的参数
  31.   },
  32.   onReady:function(){
  33.     // 页面渲染完成
  34.   },
  35.   onShow:function(){
  36.     // 页面显示
  37.   },
  38.   onHide:function(){
  39.     // 页面隐藏
  40.   },
  41.   onUnload:function(){
  42.     // 页面关闭
  43.   }
  44. })
复制代码


 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 微信小程序 轮播图 swiper图片组件

    微信小程序 轮播图 swiper图片组件

    2016-11-23 09:49

  • 微信小程序 开发 微信开发者工具 快捷键

    微信小程序 开发 微信开发者工具 快捷键

    2016-11-23 09:49

  • 微信小程序 页面跳转 传递参数

    微信小程序 页面跳转 传递参数

    2016-11-23 09:49

  • 微信小程序 如何获取时间

    微信小程序 如何获取时间

    2016-11-23 09:49

网友点评
a