小程序教程

微信小程序把玩（三十三）Record API

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

其实这个API也挺奇葩的，录音结束后success不走，complete不走，fail也不走， 不知道是不是因为电脑测试的原因，只能等公测或者等他们完善。以后再测和补充吧！！！！
主要属性：
wx.startRecord(object)
手动调用wx.stopRecord()停止录音
wxml
  1. <!--用于记录时间-->
  2. <text>{{formatRecordTime}}</text>
  3. <button type="primary" bindtap="listenerButtonStartRecord">开始录音</button>
  4. <button type="primary" bindtap="listenerButtonStopRecord">结束录音</button>
复制代码

js
  1. var util = require('../../../utils/util.js')
  2. var interval
  3. Page({
  4.   data:{
  5.       //录音显示类型
  6.     formatRecordTime: '00:00:00',
  7.     //计数
  8.     recordTime: 0,
  9.   },

  11.   onLoad:function(options){
  12.     // 页面初始化 options为页面跳转所带来的参数
  13.   },
  14.   /**
  15.    * 监听按钮点击开始录音
  16.    */
  17.   listenerButtonStartRecord: function() {
  18.       that = this;
  19.       interval = setInterval(function() {
  20.       that.data.recordTime += 1     
  21.       that.setData({
  22.           //格式化时间显示
  23.           formatRecordTime: util.formatTime(that.data.recordTime)
  24.       })   
  25.       }, 1000)
  26.       wx.startRecord({
  27.           success: function(res) {
  28.               console.log(res)
  29.               that.setData({
  30.                   //完成之后重新绘制
  31.                   formatRecordTime: util.formatTime(that.data.recordTime)
  32.               })
  33.           },
  34.           /**
  35.            * 完成清除定时器
  36.            */
  37.           complete: function() {
  38.               clearInterval(interval)
  39.           }
  40.       })
  41.   },
  42.   /**
  43.    * 监听手动结束录音
  44.    */
  45.   listenerButtonStopRecord: function() {
  46.     wx.stopRecord();
  47.     clearInterval(interval);
  48.     this.setData({
  49.         formatRecordTime: '00:00:00',
  50.         recordTime: 0
  51.     })
  52.   },
  53.   onReady:function(){
  54.     // 页面渲染完成
  55.   },
  56.   onShow:function(){
  57.     // 页面显示
  58.   },
  59.   onHide:function(){
  60.     // 页面隐藏
  61.   },
  62.   /**
  63.    * 当界面关闭时停止定时器关闭录音
  64.    */
  65.   onUnload:function(){
  66.     // 页面关闭
  67.     wx.stopRecord()
  68.     clearInterval(interval)
  69.   }
  70. })
复制代码


　

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

网友点评
精彩导读
2-HelloWorld微信小程序

2-HelloWorld微信小程序

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

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

微信小程序开发记账应用实战服务端之用户注册与登录

微信小程序开发记账应用实战服务端之用户注册

微信小程序倒计时组件

微信小程序倒计时组件

微信小程序实现购物车页面

微信小程序实现购物车页面

热门资讯
Copyright © 2006-2018 www.h5cn.com.H5之家 版权所有 Power by h5cn 备案： 黔ICP备15004751-2
HTML5入门 HTML5技术 canvas教程 专题学习