微信小程序开发中的麦克风录音和音频上传

这篇具有很好参考价值的文章主要介绍了微信小程序开发中的麦克风录音和音频上传。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

微信小程序开发中,麦克风录音和音频上传非常常见。下面将详细介绍如何使用微信小程序开发工具进行麦克风录音和音频上传。

一、麦克风录音

首先在wxml文件中添加一个录音按钮,用于触发录音操作:

<button type="primary" bindtap="startRecord">开始录音</button>

 

然后在js文件中定义startRecord事件,用于开始录音:文章来源地址https://www.toymoban.com/news/detail-760415.html

data:{
    isRecord:false,
    filePath:'',
    recordingTime:0
},
startRecord:function(){
    this.setData({
        isRecord:true
    })
    const recorderManager = wx.getRecorderManager()
    recorderManager.onStart(() => {
        console.log('recorder start')
    })
    recorderManager.onError((res) => {
        console.log(res)
    })
    recorderManager.onStop((res) => {
        console.log('recorder stop', res)
        this.setData({
            filePath: res.tempFilePath
        })
    })
    const options = {
        duration: 60000, //最长录音时长为1分钟
        sampleRate: 44100,
        numberOfChann

到了这里,关于微信小程序开发中的麦克风录音和音频上传的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 音频基础之麦克风、功放、扬声器

    一、功放(电信号放大)技术指标 1、输出功率 单位为W,各厂家测量方法不一,以致不同名目叫法。如额定输出功率,最大输出功率,音乐输出功率,峰值音乐输出功率。 音乐功率:是指输出失真度不超过规定值的条件下,功放对音乐信号的瞬间最大输出功率。 峰值功率:不

    2024年02月02日
    浏览(43)
  • 2.4G无线麦克风无线音频传输模块

    模块概述 M01主要是一个2.4G无线音频传输模块,模组RF电路设计配合独有的软件跳频机制,有效提高了RF的抗干扰能力及传输距离。模组内置高性能的音频转换器,支持48K/24bit高品质的音频采样、支持麦克风的主动降噪,实现了无压缩的数字音频传输。 一、产品图片 说明:正

    2024年02月15日
    浏览(34)
  • vue前端获取/切换麦克风,播放采集音频和采集音量大小

    使用时确保你有如下依赖且版本为Vue2,终端里面运行 重要代码:audio: { deviceId: this.form.chooseMicDeviceId },将上面选的麦克风放到getUserMedia中,即可启用用户自己选择的麦克风 在sendData中可以把数据流传给后端,可以播放/下载采集到的数据流,也可以将数据流转换成file传给后端

    2024年02月08日
    浏览(33)
  • 【Unity每日一记】音频,麦克风,粒子和拖尾渲染器

    👨‍💻个人主页 :@元宇宙-秩沅 👨‍💻 hallo 欢迎 点赞👍 收藏⭐ 留言📝 加关注✅! 👨‍💻 本文由 秩沅 原创 👨‍💻 收录于专栏 :Unity基础实战 👨‍💻👍常用操作 获取音频资源组件 : AudioSource = GetComponent AudioSource(); 获取音频: Public AudioClip xx ; AudioSouce.Clip = xx C

    2024年02月08日
    浏览(38)
  • 虚拟声卡(虚拟扬声器和虚拟麦克风)应用之音频回环(Virtual Audio Cable)

    首先在了解Virtual Audio Cable音频回环技术之前,我们先介绍几个基础的概念: 虚拟声卡:是一种硬件虚拟化技术;基于软件技术虚拟出麦克风或者虚拟扬声器硬件,提供给上层用户程序使用虚拟麦克风和扬声器,例如通过给虚拟扬声器喂送音频数据实现麦克风录音效果。 音频

    2024年01月17日
    浏览(100)
  • 传感器使用——ESP-WROOM-32 and INMP441麦克风音频采集

             使用不同传感器前需要了解其连接及通信方式。对于 ESP-WROOM-32 and INMP441麦克风 是通过 I2S 方式进行通信。具体连接引脚参照下图: ESP-WROOM-32引脚示意图          使用的麦克风为MEMS麦克风,具体规格可参照芯片规格数说明。 INMP441麦克风         I2S音频连接

    2024年02月09日
    浏览(32)
  • android开发获取手机麦克风设备信息

    之前为了测试蓝牙耳机的麦克,想从蓝牙耳机的麦克录音。尝试发现三星、小米自带的录音机并不能从蓝牙录音。看了网上一篇文章,提供了一个特定的录音APP,才支持开启蓝牙录音功能。 非常令人疑惑。想到现在的手机,有不只一个麦克风,是否能开发一个可选择录音源的

    2024年04月16日
    浏览(33)
  • 【ESP32音视频传输】②通过I2S采集SPH0645麦克风音频数据并上传到服务端实时播放

    提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 本文章基于Arduino ESP32 2.07版本,因为2.04版本开始I2S驱动被更改了,所以相同代码可能效果不太同 本文主要参考了:https://atomic14.com/2020/09/12/esp32-audio-input.html ESP32有多种方式从外置麦克风中读取数据:

    2024年02月11日
    浏览(39)
  • Android 13 定制化开发--开启相机或麦克风时,去掉状态栏上的绿色图标

     Android 12 或更高版本的设备上,当应用使用麦克风或相机时,图标会出现在状态栏中。如果应用处于沉浸模式,图标会出现在屏幕的右上角。用户可以打开“快捷设置”,并选择图标以查看哪些应用当前正在使用麦克风或摄像头。图 1 显示了包含图标的示例屏幕截图。 需求

    2024年04月24日
    浏览(54)
  • 如何在云电脑串流中实现声音输入输出—虚拟声卡(虚拟扬声器和虚拟麦克风)开发

    虚拟声卡(虚拟扬声器和虚拟麦克风)技术原理简介 近些年云计算的发展可谓是势不可挡,无论是办公还是娱乐等行业都开始使用云计算来逐步替代直接使用本地物理硬件的技术,例如: 服务器部署。相比之前,现在部署一个服务器都非常简单;我们只需要在阿里云,华为

    2024年02月04日
    浏览(41)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包