返回顶部
首页 > 资讯 > 精选 >小程序中wx.getRecorderManager()录音管理怎么用
  • 382
分享到

小程序中wx.getRecorderManager()录音管理怎么用

2023-06-26 08:06:10 382人浏览 八月长安
摘要

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

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

1.小程序录音管理介绍 wx.getRecorderManager()
基础库 1.6.0 开始支持,低版本需做兼容处理,获取全局唯一的录音管理器 recorderManager。
2.小程序录音管理代码
// 录音管理let record = function (recorderManager) {  this.recorderManager = recorderManager  this.recordStart()}record.prototype = {  // 开始录音  start: function (startObj) {    this.recorderManager.start(startObj)  },  //录音开始事件  recordStart: function () {    this.recorderManager.onStart(() => {      console.log(this.recorderManager, 'this.recorderManager')    })  }}
3.Page onLoad配置
  //录音管理,new 出 第二阶段的实例    recorderManager = wx.getRecorderManager()    that.newRecord = new record(recorderManager)     that.newRecord.recorderManager.onStop((res) => {         console.log(res, '获取录制完的链接')    })    //播放录音    innerAudiocontext = wx.createInnerAudioContext()    innerAudioContext.onEnded(() => {      console.log("音频自然播放结束")    })
4.现在开始录音
startRecord() {        let that = this,          startObj = {            duration: 60000,            sampleRate: 44100,            numberOfChannels: 1,            encodeBitRate: 192000,            fORMat: 'mp3',            frameSize: 50          }        //录音开始        that.newRecord.start(startObj)        // 录音计时器        recordTimeInterval = setInterval(function () {        }, 1000)  },
5.停止录音
  stopRecord() {    clearInterval(recordTimeInterval);    //停止录音事件    this.newRecord.recorderManager.stop()  }
6.播放录音
  // 播放录音          playVoice(e) {            let that = this            let srcPath = e.currentTarget.dataset.temppath, // 点击当前传递的播放链接                  duration = e.currentTarget.dataset.duration, // 录音时间                  index = e.currentTarget.dataset.index // 索引            checkArr[index] = srcPath   //用于页面判断播放一个,另一个暂停            // 播放            innerAudioContext.obeyMuteSwitch = false            innerAudioContext.src = srcPath            innerAudioContext.play()            // 时间减少器            playTimeInterval = setInterval(() => {              let playTime = that.data.playTime += 1            }, 1000)          }
7.停止播放
// 停止播放          stopVoice(forIndex, e) {            let index;            e !== undefined ? index = e.currentTarget.dataset.index : index = forIndex            clearInterval(playTimeInterval)            checkArr[index] = undefined            innerAudioContext.stop()          }
8.只能播放一个的代码
  // 只能播放一个          onePlayFor(tempFilePath, src) {            tempFilePath.forEach((el, i) => {              if (el.tempFilePath !== src) {                this.stopVoice(i)              }            })          }
录音与停止录音使用小程序bind:touchstart='startRecord' bind:touchend='stopRecord' 事件

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

--结束END--

本文标题: 小程序中wx.getRecorderManager()录音管理怎么用

本文链接: https://lsjlt.com/news/308146.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
  • 微信小程序怎么实现录音
    今天小编给大家分享一下微信小程序怎么实现录音的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。为录音录音中wxml:<!-...
    99+
    2023-07-02
  • 怎么在小程序中实现一个录音功能
    本篇文章为大家展示了怎么在小程序中实现一个录音功能,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。首先获取录音管理器模块:const recorderManager = ...
    99+
    2023-06-07
  • 小程序中如何主动调用停止录音
    这篇“小程序中如何主动调用停止录音”除了程序员外大部分人都不太理解,今天小编为了让大家更加理解“小程序中如何主动调用停止录音”,给大家总结了以下内容,具有一定借鉴价值,内容详细步骤清晰,细节处理妥当,希望大家通过这篇文章有所收获,下面让我们...
    99+
    2023-06-26
  • 小程序页面路由怎么管理
    本篇内容主要讲解“小程序页面路由怎么管理”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“小程序页面路由怎么管理”吧!页面路由在小程序中所有页面的路由全部由框架进行管理。页面栈框架以栈的形式维护了当...
    99+
    2023-06-26
  • 微信小程序中如何实现开始录音
    这篇文章主要为大家展示了微信小程序中如何实现开始录音,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带大家一起来研究并学习一下“微信小程序中如何实现开始录音”这篇文章吧。wx.startRecord(OBJECT)开...
    99+
    2023-06-26
  • 小程序ios音频播放没声音怎么办
    这篇文章主要介绍了小程序ios音频播放没声音怎么办,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。小程序提供了录音和播放音频的能力,从基础库 ...
    99+
    2024-04-02
  • 微信小程序中音频组件控制wx.createAudioContext怎么用
    这篇文章主要为大家展示了微信小程序中音频组件控制wx.createAudioContext怎么用,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带大家一起来研究并学习一下“微信小程序中音频组件控制wx.createAudioC...
    99+
    2023-06-26
  • 微信小程序怎么实现状态管理
    微信小程序可以使用第三方库或自己实现状态管理来管理应用的状态。以下是一些常见的方法: 使用第三方库:比如使用微信官方推荐的微信小程...
    99+
    2024-04-09
    微信小程序
  • 微信小程序中怎么实现登录
    今天小编给大家分享一下微信小程序中怎么实现登录的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。业务流程:首先需要一个按钮触发事...
    99+
    2023-07-02
  • 小程序中wx.closeBLEConnection怎么用
    这篇“小程序中wx.closeBLEConnection怎么用”文章,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要参考一下,对于“小程序中wx.closeBLEConnection怎么用”,小编整理了以下知识点,请...
    99+
    2023-06-26
  • 小程序中wx.opendocument怎么用
    这篇“小程序中wx.opendocument怎么用”文章,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要参考一下,对于“小程序中wx.opendocument怎么用”,小编整理了以下知识点,请大家跟着小编的步伐一步一...
    99+
    2023-06-26
  • 小程序中wx.choosevideo怎么用
    本文将为大家详细介绍“小程序中wx.choosevideo怎么用”,内容步骤清晰详细,细节处理妥当,而小编每天都会更新不同的知识点,希望这篇“小程序中wx.choosevideo怎么用”能够给你意想不到的收获,请大家跟着小编的思路慢慢深入,...
    99+
    2023-06-26
  • 小程序开发怎么实现token统一管理
    这篇文章主要讲解了“小程序开发怎么实现token统一管理”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“小程序开发怎么实现token统一管理”吧!TOKEN 定时刷新器一、背景对于使用过公众平...
    99+
    2023-06-08
  • 微信小程序音频录制波纹循环动画怎么实现
    这篇文章主要介绍“微信小程序音频录制波纹循环动画怎么实现”,在日常操作中,相信很多人在微信小程序音频录制波纹循环动画怎么实现问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”微信小程序音频录制波纹循环动画怎么实现...
    99+
    2023-07-02
  • 怎么使用微信小程序实现播放音频
    这篇“怎么使用微信小程序实现播放音频”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“怎么使用微信小程序实现播放音频”文章吧。w...
    99+
    2023-07-02
  • 如何用小程序来管理用户信息
    这篇文章主要介绍了如何用小程序来管理用户信息的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇如何用小程序来管理用户信息文章都会有所收获,下面我们一起来看看吧。(1)用户等级划分现在依据小程序对用户的管理,可以在小...
    99+
    2023-06-27
  • 怎么用python代码实现小程序登录流程时序
    这篇文章主要介绍“怎么用python代码实现小程序登录流程时序”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“怎么用python代码实现小程序登录流程时序”文章能帮助大家解决问题。小程序登录小程序可以...
    99+
    2023-06-30
  • 抖音怎么设置小程序通知页面
    抖音设置小程序通知的方法:进入抖音app界面,选中底部的“我”;点击页面右上角的三横线图标,进入“设置”;在设置中选择“通知设置”开启“接受推送通知”;最后,选择是否开启“私信应用外提醒”即可。...
    99+
    2024-04-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作