您所在的位置: 下载吧  >  软件教程  >  聊天软件 > 正文

微信小程序新手教程之Video API

  • 时间:2017-01-06 16:52
  • 来源:下载吧
  • 编辑:xwgod

  微信小程序新手教程之Video API ,本篇默认已经成功安装微信小程序工具,来和小编一起看看吧

  一:Video API

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

  主要属性:

  wx.chooseVideo(object)

微信小程序新手教程之Video API

  成功之后返回参数

微信小程序新手教程之Video API

  wxml

  打开视频

  123123

  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(){

  // 页面关闭

  }

  })

  目前微信小程序还没有正式上线,在这里小编先为大家介绍一个即将在1月9号和微信小程序一起上线的小程序--嗨图!大家可以直接在这个微信小程序上DIY自己的照片,先来看看具体嗨图有些什么功能吧!

  微信小程序嗨图功能

微信小程序新手教程之Video API

  1、专题——DIY图片的模板,点击可以生成使用,分享到朋友圈。

  2、分享墙——用户上传的自己DIY作品。

  3、立即制作——可以用自己的图来DIY。

  4、告诉我——告诉产品的改进,内容的增加。

  想要体验怎么制作属于自己个性朋友圈照片的用户,等1月9号微信小程序上线后,扫一扫下面的二维码就可以啦!还等什么,赶紧扫码体验,开启你的嗨图之旅吧!

微信小程序新手教程之Video API

人气排行