返回顶部
首页 > 资讯 > 精选 >小程序中如何使用wx.getRecorderManager
  • 566
分享到

小程序中如何使用wx.getRecorderManager

2023-06-26 09:06:47 566人浏览 泡泡鱼
摘要

这篇文章主要为大家展示了小程序中如何使用wx.getRecorderManager,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带大家一起来研究并学习一下“小程序中如何使用wx.getRecorderManager”这篇文章

这篇文章主要为大家展示了小程序中如何使用wx.getRecorderManager,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带大家一起来研究并学习一下“小程序中如何使用wx.getRecorderManager”这篇文章吧。

基础库 1.6.0 开始支持,低版本需做兼容处理

获取全局唯一的录音管理器 recorderManager

recorderManager

recorderManager 对象的方法列表:

方法参数说明
startoptions开始录音
pause 暂停录音
resume 继续录音
stop 停止录音
onStartcallback录音开始事件
onPausecallback录音暂停事件
onStopcallback录音停止事件,会回调文件地址
onFrameRecordedcallback已录制完指定帧大小的文件,会回调录音分片结果数据。如果设置了 frameSize ,则会回调此事件
onErrorcallback录音错误事件, 会回调错误信息

start(options) 说明:

属性类型必填说明
durationNumber指定录音的时长,单位 ms ,如果传入了合法的 duration ,在到达指定的 duration 后会自动停止录音,最大值 600000(10 分钟),默认值 60000(1 分钟)
sampleRateNumber采样率,有效值 8000/16000/44100
numberOfChannelsNumber录音通道数,有效值 1/2
encodeBitRateNumber编码码率,有效值见下表格
fORMatString音频格式,有效值 aac/mp3
frameSizeNumber指定帧大小,单位 KB。传入 frameSize 后,每录制指定帧大小的内容后,会回调录制的文件内容,不指定则不会回调。暂仅支持 mp3 格式。

其中,采样率和码率有一定要求,具体有效值如下:

采样率编码码率
800016000 ~ 48000
1102516000 ~ 48000
1200024000 ~ 64000
1600024000 ~ 96000
2205032000 ~ 128000
2400032000 ~ 128000
3200048000 ~ 192000
4410064000 ~ 320000
4800064000 ~ 320000

onStop(callback) 回调结果说明:

属性类型说明
tempFilePathString录音文件的临时路径

onFrameRecorded(callback) 回调结果说明:

属性类型说明
frameBufferArrayBuffer录音分片结果数据
isLastFrameBoolean当前帧是否正常录音结束前的最后一帧

onError(callback) 回调结果说明:

属性类型说明
errMsgString错误信息

示例代码:

const recorderManager = wx.getRecorderManager()recorderManager.onStart(() => {  console.log('recorder start')})recorderManager.onResume(() => {  console.log('recorder resume')})recorderManager.onPause(() => {  console.log('recorder pause')})recorderManager.onStop((res) => {  console.log('recorder stop', res)  const { tempFilePath } = res})recorderManager.onFrameRecorded((res) => {  const { frameBuffer } = res  console.log('frameBuffer.byteLength', frameBuffer.byteLength)})const options = {  duration: 10000,  sampleRate: 44100,  numberOfChannels: 1,  encodeBitRate: 192000,  format: 'aac',  frameSize: 50}recorderManager.start(options)

小程序是什么意思

小程序是一种不需要下载安装即可使用的应用,通过扫描二维码或是搜一搜立即使用,操作简单,便于传播,能够实现消息通知、线下扫码、公众号关联等七大功能。它基于微信运行的,类似于APP,想用就用,用完即走,不会占用内存。

以上就是关于“小程序中如何使用wx.getRecorderManager”的内容,如果该文章对您有所帮助并觉得写得不错,劳请分享给您的好友一起学习新知识,若想了解更多相关知识内容,请多多关注编程网精选频道。

--结束END--

本文标题: 小程序中如何使用wx.getRecorderManager

本文链接: https://lsjlt.com/news/308716.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • 小程序中如何使用wx.getRecorderManager
    这篇文章主要为大家展示了小程序中如何使用wx.getRecorderManager,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带大家一起来研究并学习一下“小程序中如何使用wx.getRecorderManager”这篇文章...
    99+
    2023-06-26
  • 小程序中wx.getRecorderManager()录音管理怎么用
    这篇文章主要为大家展示了小程序中wx.getRecorderManager()录音管理怎么用,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带大家一起来研究并学习一下“小程序中wx.getRecorderManager()录音...
    99+
    2023-06-26
  • 小程序中如何使用wx.createBLEConnection
    本文将为大家详细介绍“小程序中如何使用wx.createBLEConnection”,内容步骤清晰详细,细节处理妥当,而小编每天都会更新不同的知识点,希望这篇“小程序中如何使用wx.createBLEConnection”能够给你意想不到的...
    99+
    2023-06-26
  • 小程序中如何使用wx.writeBLECharacteristicValue
    这篇“小程序中如何使用wx.writeBLECharacteristicValue”除了程序员外大部分人都不太理解,今天小编为了让大家更加理解“小程序中如何使用wx.writeBLECharacteristicValue”,给大家总结了以下...
    99+
    2023-06-26
  • 微信小程序中如何使用wx.previewImage
    这篇文章主要为大家展示了微信小程序中如何使用wx.previewImage,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带大家一起来研究并学习一下“微信小程序中如何使用wx.previewImage”这篇文章吧。预览图片。O...
    99+
    2023-06-26
  • 如何在微信小程序中使用echart
    如何在微信小程序中使用echart?针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。首先到ECharts官网下载我放的是tool文件夹下面,你们随意引入的时候注意路径就行2.使...
    99+
    2023-06-15
  • 微信小程序中match-media如何使用
    这篇文章主要介绍了微信小程序中match-media如何使用,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。match-mediamedia query 匹配检测节点。可以指定...
    99+
    2023-06-26
  • echart在微信小程序中如何使用
    今天小编给大家分享一下echart在微信小程序中如何使用的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。echarts不显示在...
    99+
    2023-07-05
  • 小程序中如何使用wx.request发起请求
    这篇文章主要为大家展示了小程序中如何使用wx.request发起请求,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带大家一起来研究并学习一下“小程序中如何使用wx.request发起请求”这篇文章吧。wx.request(O...
    99+
    2023-06-26
  • 微信小程序开发中如何使用wx.vibrateLong
    这篇“微信小程序开发中如何使用wx.vibrateLong”文章,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要参考一下,对于“微信小程序开发中如何使用wx.vibrateLong”,小编整理了以下知识点,请大家跟着...
    99+
    2023-06-26
  • 小程序tip集合如何使用
    这篇文章主要介绍“小程序tip集合如何使用”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“小程序tip集合如何使用”文章能帮助大家解决问题。小程序组件中tip的集合:view(视图容器。)tip: 如...
    99+
    2023-06-26
  • 在小程序里如何使用Redux
    这篇文章主要介绍在小程序里如何使用Redux,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!在小程序里使用 Redux 进行状态管理, Redux 是一个前端状态管理的容器,对于...
    99+
    2023-06-26
  • 微信小程序TodoList如何使用
    这篇文章主要介绍“微信小程序TodoList如何使用”,在日常操作中,相信很多人在微信小程序TodoList如何使用问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”微信小程序TodoList如何使用”的疑惑有所...
    99+
    2023-06-26
  • 微信小程序中如何使用全局变量
    这篇文章主要介绍微信小程序中如何使用全局变量,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!全局变量的使用每个小程序都需要在 app.js 中调用 App 方法注册小程序示例,绑定生命...
    99+
    2024-04-02
  • video组件如何在微信小程序中使用
    video组件如何在微信小程序中使用?针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。1.app.json{  "pages":[&nb...
    99+
    2023-06-14
  • 如何在小程序中引入使用vant框架
    一、vant框架 vantUI框架常用于移动端页面组件的基础库构建,为了让用户获得更趋向于原生的体验,它是一种相当不错的方案选择。 关于这个框架,它不仅有适用于移动端vue脚手架的版本,同时还存在可以兼容小程序开发的webapp版本。在微信...
    99+
    2023-08-17
    小程序
  • 如何在微信小程序中使用Echarts方法
    如何在微信小程序中使用Echarts方法?针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。xxx.json{ "usingComponents":...
    99+
    2023-06-08
  • 微信小程序中如何使用vant组件库
    本篇内容介绍了“微信小程序中如何使用vant组件库”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!Vant Weapp的安装与使用1、安装 n...
    99+
    2023-07-05
  • 微信小程序的canvas如何使用
    这篇文章主要介绍了微信小程序的canvas如何使用的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇微信小程序的canvas如何使用文章都会有所收获,下面我们一起来看看吧。canv...
    99+
    2024-04-02
  • 小程序的video控件如何使用
    这篇文章主要介绍“小程序的video控件如何使用”,在日常操作中,相信很多人在小程序的video控件如何使用问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”小程序的video控件如何使用”的疑惑有所帮助!接下来...
    99+
    2023-06-26
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作