【ArkTS】使用AVRecorder录制音频 --内附录音机开发详细代码

系列文章目录

【ArkTS】关于ForEach的第三个参数键值
【ArkTS】"一篇带你读懂ForEach和LazyForEach" 【小白拓展】
【ArkTS】"一篇带你掌握TaskPool与Worker两种多线程并发方案"
【ArkTS】 一篇带你掌握"语音转文字技术" --内附详细代码
【ArkTS】技能提高--"用户授权"跳转设置页的两种方式详解


文章目录


一、录音授权

目标:使用权限请求工具,在录音页面实现请求权限,无权限不可进入

录音授权有在别的文章里详解过,大家可以点下面两个链接看一下。我们这里就直接放封装好的代码。
【鸿蒙开发】超全面解读 带你充分掌握---"向用户申请授权"

typescript 复制代码
import { promptAction, router } from '@kit.ArkUI'
import { abilityAccessCtrl, Permissions } from '@kit.AbilityKit'

class permission{
  confirmConfig: promptAction.ShowDialogOptions = {
    title: "温馨提示",
    message: "未授权使用麦克风将无法使用该面试录音功能,是否前往设置进行授权?",
    buttons: [
      { text: '离开', color: '#ffaeabab' },
      { text: '去授权', color: '#000000' }
    ]
  }
  /** 请求权限 */
  async getPermission(permissions:Permissions[]) {
    //   . requestPermissionsFromUser()
    const mgr = abilityAccessCtrl.createAtManager()
    const ctx = getContext(this)
    const res = await mgr.requestPermissionsFromUser(ctx, permissions)

    if (res.authResults[0] === abilityAccessCtrl.GrantStatus.PERMISSION_GRANTED) {
      return
    }

    // 第一次没有授权
    const res2 = await promptAction.showDialog(this.confirmConfig)
    // 用户选了离开, 没有选二次授权
    if (res2.index === 0) {
      router.back()
      return
    }
    //拉起授权页
    const res3 = await mgr.requestPermissionOnSetting(ctx, permissions)
    if (res3[0] === abilityAccessCtrl.GrantStatus.PERMISSION_DENIED) {
      router.back()
    }

  }
}

export const Permission=new permission()

效果示例图:

二、使用 AvRecorder 录音

目标:使用 AvRecorder 实现音频录制存储到应用沙箱

实现步骤:

1.创建一个文件, 准备用来存储音频数据

typescript 复制代码
 // 1. 创建一个文件, 准备用来存储音频数据
    const context = getContext(this)
    const filePath = `${context.filesDir}/${Date.now()}.m4a`
    this.file = fileIo.openSync(filePath, fileIo.OpenMode.CREATE | fileIo.OpenMode.READ_WRITE)

2.参考官网, cv配置

开发步骤及注意事项

typescript 复制代码
let avProfile: media.AVRecorderProfile = {
      audioBitrate: 100000, // 音频比特率
      audioChannels: 2, // 音频声道数
      audioCodec: media.CodecMimeType.AUDIO_AAC, // 音频编码格式,当前支持ACC,MP3,G711MU
      audioSampleRate: 48000, // 音频采样率
      fileFormat: media.ContainerFormatType.CFT_MPEG_4A, // 封装格式,当前支持MP4,M4A,MP3,WAV
    }
    let avConfig: media.AVRecorderConfig = {
      audioSourceType: media.AudioSourceType.AUDIO_SOURCE_TYPE_MIC, // 音频输入源,这里设置为麦克风
      profile: avProfile,
      //改为自己的文件
      url: 'fd://' + this.file.fd, // 参考应用文件访问与管理中的开发示例获取创建的音频文件fd填入此处
    }

3.创建录音实例对象

typescript 复制代码
this.record = await media.createAVRecorder()

4.开始准备状态 💥💥 注意些await

typescript 复制代码
 	await this.record.prepare(avConfig)
    this.record.start()

5.整合开始录制代码

typescript 复制代码
async startRecord() {

    // 1. 创建一个文件, 准备用来存储音频数据
    const context = getContext(this)
    const filePath = `${context.filesDir}/${Date.now()}.m4a`
    this.file = fileIo.openSync(filePath, fileIo.OpenMode.CREATE | fileIo.OpenMode.READ_WRITE)

    // 2. 参考官网,  cv配置
    let avProfile: media.AVRecorderProfile = {
      audioBitrate: 100000, // 音频比特率
      audioChannels: 2, // 音频声道数
      audioCodec: media.CodecMimeType.AUDIO_AAC, // 音频编码格式,当前支持ACC,MP3,G711MU
      audioSampleRate: 48000, // 音频采样率
      fileFormat: media.ContainerFormatType.CFT_MPEG_4A, // 封装格式,当前支持MP4,M4A,MP3,WAV
    }
    let avConfig: media.AVRecorderConfig = {
      audioSourceType: media.AudioSourceType.AUDIO_SOURCE_TYPE_MIC, // 音频输入源,这里设置为麦克风
      profile: avProfile,
      // 3. 改为自己的文件
      url: 'fd://' + this.file.fd, // 参考应用文件访问与管理中的开发示例获取创建的音频文件fd填入此处
    }

    // 4. 创建录音实例对象
    this.record = await media.createAVRecorder()

    // 5. 开始准备状态  💥💥 注意些await
    await this.record.prepare(avConfig)

    this.record.start()

  }

6.停止录制代码

typescript 复制代码
 async stopRecord() {
    await this.record?.stop()
    // 销毁实例
    await this.record?.release();
    fileIo.closeSync(this.file?.fd)
    promptAction.showToast({ message: '音频录制成功' })

  }

总结

以上就是录音机部分代码,明日更新完整版

相关推荐
Macdo_cn1 小时前
My Metronome for Mac v1.4.2 我的节拍器 支持M、Intel芯片
macos·音视频
今阳2 小时前
鸿蒙开发笔记-6-装饰器之@Require装饰器,@Reusable装饰器
android·app·harmonyos
拉不动的猪2 小时前
刷刷题16
前端·javascript·面试
kiramario2 小时前
【结束】JS如何不通过input的onInputFileChange使用本地mp4文件并播放,nextjs下放入public文件的视频用video标签无法打开
开发语言·javascript·音视频
支撑前端荣耀2 小时前
基于 Vue 的响应式瀑布流实现全景解析
前端·javascript·面试
余多多_zZ2 小时前
鸿蒙初学者学习手册(HarmonyOSNext_API14)_组件截图(@ohos.arkui.componentSnapshot (组件截图) )
学习·华为·harmonyos·鸿蒙·鸿蒙系统
哑巴语天雨2 小时前
前端面试-网络协议篇
websocket·网络协议·http·面试·https
01_3 小时前
力扣hot100——LRU缓存(面试高频考题)
leetcode·缓存·面试·lru
余~~185381628003 小时前
矩阵碰一碰发视频的后端源码技术,支持OEM
线性代数·矩阵·音视频
小天努力学java4 小时前
【面试系列】Java开发--AI常见面试题
java·人工智能·面试