文档章节

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

Mr韦淋
 Mr韦淋
发布于 2017/05/07 20:22
字数 285
阅读 37
收藏 0

#程序员薪资揭榜#你做程序员几年了?月薪多少?发量还在么?>>>

这里写图片描述

其实这个API也挺奇葩的,录音结束后success不走,complete不走,fail也不走, 不知道是不是因为电脑测试的原因,只能等公测或者等他们完善。以后再测和补充吧!!!!

主要属性:

wx.startRecord(object)

这里写图片描述

手动调用wx.stopRecord()停止录音

wxml

<!--用于记录时间--> <text>{{formatRecordTime}}</text> <button type="primary" bindtap="listenerButtonStartRecord">开始录音</button> <button type="primary" bindtap="listenerButtonStopRecord">结束录音</button>

js

var util = require('../../../utils/util.js')
var interval
Page({
  data:{
      //录音显示类型
    formatRecordTime: '00:00:00',
    //计数
    recordTime: 0,
  },

  onLoad:function(options){
    // 页面初始化 options为页面跳转所带来的参数
  },
  /** * 监听按钮点击开始录音 */
  listenerButtonStartRecord: function() {
      that = this;
      interval = setInterval(function() {
      that.data.recordTime += 1     
      that.setData({
          //格式化时间显示
          formatRecordTime: util.formatTime(that.data.recordTime)
      })    
      }, 1000)
      wx.startRecord({
          success: function(res) {
              console.log(res)
              that.setData({
                  //完成之后重新绘制
                  formatRecordTime: util.formatTime(that.data.recordTime)
              })
          },
          /** * 完成清除定时器 */
          complete: function() {
              clearInterval(interval)
          }
      })
  },
  /** * 监听手动结束录音 */
  listenerButtonStopRecord: function() {
    wx.stopRecord();
    clearInterval(interval);
    this.setData({
        formatRecordTime: '00:00:00',
        recordTime: 0
    })
  },
  onReady:function(){
    // 页面渲染完成
  },
  onShow:function(){
    // 页面显示
  },
  onHide:function(){
    // 页面隐藏
  },
  /** * 当界面关闭时停止定时器关闭录音 */
  onUnload:function(){
    // 页面关闭
    wx.stopRecord()
    clearInterval(interval)
  }
})

本文转载自:http://blog.csdn.net/u014360817/article/details/52688561

Mr韦淋
粉丝 2
博文 80
码字总数 23114
作品 0
江门
高级程序员
私信 提问
加载中

评论(0)

京东凹凸实验室开源多端适配的 UI 组件库 Taro UI

京东凹凸实验室近日推出了一套多端 UI 组件库 —— Taro UI ,该库基于多端开发解决方案 Taro 开发,可在 微信小程序、H5、ReactNative 等多端适配运行。 Taro UI 包含以下功能特性: 简单易...

王练
2018/08/29
9.2K
11
首个多端 UI 组件库 - Taro UI 发布

前言 Taro 是由凹凸实验室倾力打造的多端开发解决方案,旨在让一套代码在多端运行。Taro 1.0 版本发布后,也开始支持引用第三方的小程序组件库,如 iView、vant-weapp、echarts-for-weixin,...

阿集
2018/08/27
0
0
微信小程序开发入门与实践(2)

基础知识 MINA 框架 为方便微信小程序开发,微信为小程序提供了 MINA 框架,这套框架集成了大量的原生组件以及 API。通过这套框架,我们可以方便快捷的完成相关的小程序开发工作。 MINA 框架...

wx5eafc18b8dc42
05/26
0
0
最强整理:微信小程序的前世今生

微信小程序  一、小程序介绍   背景与趋势  小程序技术方案  公众平台注册及配置  开发工具的使用  MINA框架架构剖析  应用程序配置详解  逻辑与界面分离架构  单向数据流  二、U...

Android进阶开发
04/21
0
0
小程序开发过程中常见问题[微信小程序、支付宝小程序]

目录 一、样式中如何使用background-image呢? 二、使用自适应单位rpx类似于rem,布局尽量使用flex布局 三、万能的{{双大括号,用于在模版中输出变量 四、你想要的基础组件和API,微信的mina框...

osc_vg6s3gcq
2018/07/17
3
0

没有更多内容

加载失败,请刷新页面

加载更多

grep一个文件,但显示几个周围的行? - grep a file, but show several surrounding lines?

问题: I would like to grep for a string, but also show the preceding five lines and the following five lines as well as the matched line. 我想grep一个字符串,但也显示前五行和以......

fyin1314
23分钟前
24
0
运维告警管理—多渠道的通知必达

睿象云智能告警平台CA中通知策略实现了被分派人接收告警的通知方式,确保告警发生/认领/关闭时,能以用户习惯的接收告警的方式,实时收到告警通知,同时,尽可能减少告警遗漏。 如果你想实现...

睿象云
今天
31
0
方法区的回收

方法区中主要回收:1.废弃常量;2.无用的类。 但是判断它们废弃或无用了并不一定会被回收。 1.废弃常量: 对于常量池中的常量a,如果没有任何对象引用该常量的话,就表示它是一个废弃常量。 ...

曦鱼violet
今天
26
0
为什么Android模拟器这么慢? 我们如何加快Android模拟器的速度? [关闭]

问题: Want to improve this post? 想要改善这篇文章吗? Provide detailed answers to this question, including citations and an explanation of why your answer is correct. 提供此问题......

技术盛宴
今天
43
0
功能测试(手工测试)转向软件测试工程师的进阶之路

今天在爱码小哥的知乎上看到一个网友提问说,功能测试(手工测试)想要提升自己应该怎么做,有哪些主要职责,正好今天有时间,明天是周六了。我整理了软件测试进阶各方面的资料。初衷于帮助大...

爱码小哥
今天
32
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部