文档章节

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

Mr韦淋
 Mr韦淋
发布于 2017/05/07 20:22
字数 285
阅读 5
收藏 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
江门
高级程序员
京东凹凸实验室开源多端适配的 UI 组件库 Taro UI

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

王练
08/29
0
0
前端资源系列(3)-微信小程序开发资源汇总

微信(小程序or应用号)开发资源汇总-文档-工具-教程-代码-插件-组件 文档 从搭建一个微信小程序开始 小程序开发文档 小程序设计指南 工具 小程序开发者工具 - 官方 Egret Wing 3.2.x 支持微信...

xzavier
08/27
0
0
走路带疯/wx_yq_mall

微信小程序商城【wxyqmall】 微信小程序商城,微信小程序微店,长期维护版本,欢迎大家踊跃提交贡献代码; 参与开发 更多项目请关注 https://gitee.com/TengWeiYun。 小程序开发 [微信:hq5...

走路带疯
08/31
0
0
"口令红包"-利用函数计算构建微信小程序的server端

前言 函数计算 阿里云函数计算是一个事件驱动的全托管计算服务。通过函数计算,您无需管理服务器等基础设施,只需编写代码并上传。函数计算会为您准备好计算资源,以弹性、可靠的方式运行您的...

rsong
02/06
0
0
利用“花生壳”解决微信小程序开发环境的网络访问难题

利用“花生壳”解决微信小程序开发环境的网络访问难题 问题的由来: 绝大部分微信小程序应用都需要提交、请求网络数据。例如:微信小程序点餐系统,需要向后台服务提交订单信息;微信小程序商...

zhaidp_java
08/01
0
0

没有更多内容

加载失败,请刷新页面

加载更多

js的

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %> <c:forEach items="${topics}" var="item" varStatus="status"> </c:forEach> 注意 c:forEach E大写 varStatus ......

踏破铁鞋无觅处
20分钟前
0
0
带你走进java集合之ConcurrentHashMap

一、概述 上一篇文章《带你走进java集合之HashMap》分析了HashMap的实现原理,重点分析了HashMap是怎么样的一种数据结构,以及如何去插入,查询,扩容等操作。相信经过上一篇文章的学习,大家...

木木匠
21分钟前
0
0
spring-boot 热加载实现替换

参考资料 1、spring-boot 热加载实现替换

哎小艾
22分钟前
0
0
kotlin使用spring mvc(二)

使用FilterRegistrationBean注册Filter 使用WebFilter配置过滤器的缺点是不可以对过滤器进行排序,但是使用FilterRegistrationBean可以设置Filter执行的顺序 编写过滤器 class CustomFilter...

weidedong
24分钟前
0
0
Qt那些事0.0.5

碰到了中文乱码问题。 虽然是自己做了件令自己都不齿的事情,但是情急之下,暂且如此:将中文硬编码进代码中。 我也想通过tr+qm翻译进行转换,但是难过的是,tr之后,找不到或者不起作用。这...

Ev4n
25分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部