文档章节

微信小程序把玩(三十三)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
江门
高级程序员
【值得收藏】微信小程序开发干货合集,快上车!

小程序的成功,让广大程序员早已不再纠结该不该学习小程序开发 ,但会纠结如何学习小程序开发,为帮助大家更好的学习小程序开发,特地整理一批相关学习资源,供大家交流学习! 近期优秀文章 ...

慕课网
08/10
0
0
"口令红包"-利用函数计算构建微信小程序的server端

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

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

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

zhaidp_java
08/01
0
0
如何在微信小程序中调用腾讯地图api

如果要搜索地图上的位置,比如附近的医院、学校等,就需要使用地图api,使用腾讯地图api的过程如下: 一、开发者申请腾讯地图 进入官网http://lbs.qq.com/key.html 申请密钥 验证完手机邮箱之...

临江仙卜算子
05/25
0
0
透笔度/wx-jq

wx-jq (一套完全原创的微信小程序插件集合库) 微信小程序插件,微信小程序组件,微信小程序插件集合,微信小程序组件集合,微信小程序插件学习,微信小程序插件开发, 查看效果截图: http...

透笔度
01/26
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

centos7安装redis及开机启动

配置编译环境: sudo yum install gcc-c++ 下载源码: wget http://download.redis.io/releases/redis-3.2.8.tar.gz 解压源码: tar -zxvf redis-3.2.8.tar.gz 进入到解压目录: cd redis-3......

hotsmile
38分钟前
0
0
Confluence 6 数据库和临时目录

数据库 所有的其他数据库,包括有页面,内容都存储在数据库中。如果你安装的 Confluence 是用于评估或者你选择使用的是 Embedded H2 Database 数据库。数据库有关的文件将会存储在 database...

honeymose
52分钟前
1
0
day62-20180820-流利阅读笔记

1.今日导读 2.带着问题听讲解 3.新闻正文(中英文对照) 4.重点词汇 5.拓展内容

aibinxiao
今天
0
0
分布式锁实现及对比

一、问题介绍 日常工作中很多场景下需要用到分布式锁,例如:任务运行(多个节点同一时刻同一个任务只能在一个节点上运行(分片任务除外)),交易接受(前端交易请求发送时,可能由于两次提...

yangjianzhou
今天
6
0
【AI实战】快速掌握TensorFlow(二):计算图、会话

在前面的文章中,我们已经完成了AI基础环境的搭建(见文章:Ubuntu + Anaconda + TensorFlow + GPU + PyCharm搭建AI基础环境),以及初步了解了TensorFlow的特点和基本操作(见文章:快速掌握...

雪饼
今天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部