APICloud开发者进阶之路 |audioRecorder录音模块Demo [复制链接]

2019-6-21 18:05
兰州拉面 阅读:189 评论:2 赞:0
Tag:  录音 Demo

本文出自APICloud官方论坛

audioRecorder 模块通过封装系统的录音接口,能够快速的为开发者提供一个完整的录音功能。
该模块提供Android和iOS版本,录音方式及录制的音频格式也依赖于相关系统。

需要注意的是:安卓跟ios所支持的格式是不一样的,最好选择aac格式,
如果不选择acc格式你们就需要判断此设备是ios还是安卓,(api.systemType使用这个可以获取是安卓还是ios)
然后根据设备不同去配置对应录制音频格式。

Android系统支持的录制音频格式为:amr、aac、3gp

iOS 系统支持的录制音频格式为:aac、wav

模块文档地址:https://docs.apicloud.com/Client-API/Func-Ext/audioRecorder

接口详解:
startRecord接口:
一定需要详细看下sampleRates跟format这俩个参数对应配置,看自己需求去设置,不然配置错误有可能出现未知错误,或者报错,一定看清楚format配置类型对应的sampleRates取值范围是否对应了文档要求;
var audioRecorder = api.require('audioRecorder');
var audioRecorder = api.require('audioRecorder');
audioRecorder.startRecord({

channel:2,                        //默认是2    选项有俩个  1 单声道   2 立体声道,如果对于声道没有要求可以直接实际代码可以不写;
sampleRates:16000,           //  设置采样率   aac 支持范围(8000 - 96000)  amr 支持 8000、16000    pcm 只支持 16000
savePath:'fs://test.amr',    //  这块是配置录音存储的位置
format:'amr'            //设置音频格式  aac (支持Android 4.1+ & iOS)    pcm (支持Android & iOS)   amr (仅支持Android)  3gp (仅支持Android)   caf (仅支持 iOS)  wav (仅支持 iOS)  acm (仅支持 iOS)

}, function(ret, err){

console.log(JSON.stringify(ret));

});

复制代码
getVolume接口:
获取录音的时时声音大小,个人感觉如果配置了监听audioRecorder.addEventListener({name: 'volume' 事件,这个接口可以不需要调用
var audioRecorder = api.require('audioRecorder');
audioRecorder.getVolume(function(ret){

console.log(JSON.stringify(ret));

});
复制代码
addEventListener接口:
此接口是监听录音时获取时时声音大小,这样可以拿来作为录音状态喇叭大小的,此处楼主虽然获取了,但是没有去显示这个功能;
楼主在监听这个接口调用getAttr接口获取音频时长,这样就能配置录音的时间进度00:00:00
//监听声音

            audioRecorder.addEventListener({
                    name: 'volume'
            }, function(ret) {
                    console.warn(JSON.stringify(ret));
                    window.ListVue.volume = ret.volume;
                    // 获取录音时间进度
                    audioRecorder.getAttr({
                            path: window.ListVue.recording
                    }, function(ret) {
                            window.ListVue.Time = ret.duration;
                    });
            });

复制代码

注意点2: 在关闭窗口的时候,需要调用停止录音的接口,如果不调用会出现app闪退情况:
// 停止录音

            audioRecorder.stopRecord(function(ret) {
                    console.warn(JSON.stringify(ret));
            });
            //重置按钮关闭状态
            this.Show = false;
            // 延迟关闭录音界面返回录音列表
            setTimeout(function() {
                    api.closeWin();
            }, 300);

复制代码

Demo整体结构说明截图:

图片描述

核心代码截图:

图片描述

图片描述

图片描述
Demo最终效果图:

无录音文件时显示:

图片描述

有录音文件时显示:

图片描述

录音开始界面:

图片描述
录音暂停界面:
图片描述


我来说两句
您需要登录后才可以评论 登录 | 立即注册
facelist
所有评论(2)
harwinxia 2019-6-22 17:01
多谢楼主分享。
回复
兰州拉面 2019-7-2 16:54
harwinxia: 多谢楼主分享。
不客气
回复
领先的中文移动开发者社区
18620764416
7*24全天服务
意见反馈:1294855032@qq.com

扫一扫关注我们

Powered by Discuz! X3.2© 2001-2019 Comsenz Inc.( 粤ICP备15117877号 )