微信小程序实时噪声分贝

置顶 已于 2024-05-14 10:05:04 修改
阅读量1.2k 收藏 8
点赞数 21
文章标签： 微信小程序 小程序 javascript css3 html git echarts
于 2023-12-06 11:01:13 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_33488463/article/details/134826101
版权
本文介绍如何使用微信小程序开发工具，结合原生CSS和JavaScript实现一个实时录音并显示分贝值的小程序，利用Echart绘制30秒的分贝数据曲线。源码提供，微信开发者测试号可测试，付费获取完整源码。
摘要由CSDN通过智能技术生成

为了做一个能够检测实时噪声分贝的小程序，网上找了很多例子，基本没有完整的代码，手写了一个，话不多说直接上效果图

实现实时录音的功能，并且能够根据声音分贝大小转动仪表盘显示实时的分贝，运用echart实时曲线记录30s的分贝数据图表

所需环境：

微信小程序开发工具，git

技术：

微信小程序开发，原生css，原生javascript，echart

备注：源码开箱可用，使用微信开发者工具测试号即可使用，需要的加我微信支付 ¥188 发源码哦

原创不易，感谢您的支持！

前端扛把子
关注
  • 21
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
node.js毕业设计基于微信小程序的白噪音系统（源码+程序+LW+部署）
node-php毕设程序源码
01-05 260
该项目含有源码、文档、程序、数据库、配套开发软件、软件安装教程。欢迎交流项目运行环境配置：。项目技术：Express框架 + Node.js+ Vue 等等组成，B/S模式 +Vscode管理+前后端分离等等。环境需要1.运行环境：最好是Nodejs最新版，我们在这个版本上开发的。其他版本理论上也可以。2.开发环境：Vscode或HbuilderX都可以。推荐HbuilderX;3.mysql环境：建议是用5.7版本均可4.硬件环境：windows 7/8/10 1G内存以上。
node.js+uni计算机毕设项目基于微信小程序的白噪音系统（程序+小程序+LW）
Node.js彤彤程序
12-24 212
该项目含有源码、文档、程序、数据库、配套开发软件、软件安装教程。欢迎交流项目运行环境配置：项目技术：Express框架 + Node.js+ Vue 等等组成，B/S模式 +Vscode管理+前后端分离等等。环境需要1.运行环境：最好是Nodejs最新版，我们在这个版本上开发的。其他版本理论上也可以。2.开发环境：Vscode或HbuilderX都可以。推荐HbuilderX;3.mysql环境：建议是用5.7版本均可。
程序员开发微信小程序前，一定要知道的几件事
产品大秘籍
01-09 540
2017-01-09 卧底 前端狗工作日记 2007 年1月9日，苹果公司推出的第一代智能手机 iPhone。 2017年1月9号，腾讯的微信小程序正式上线。 今早，我在朋友圈发布微信小程序的正式的上线的信息，但是很多小伙伴说没有找小程序的【入口】，就像下面图片所显示的那样子。 首先呢，我们要保证自己的微信是最新的版本的，其次，你要访问一个小程序，...
uniapp微信小程序录音时获得分贝数
最新发布
z112308的博客
08-14 465
* callback是录音开始执行的方法 */
vue3+uniapp+vite 微信小程序 实现录音实时声波波纹
qq_60583367的博客
06-28 596
vue3+uniapp+vite 微信小程序 实现录音实时声波波纹，记录一下网上查到的方法都不能满足实时获取音频分贝大小用原生的RecorderManager.onFrameRecorded 监听帧数要用 js-mp3解构，但是这个包是vue2的，，最终方案是用recorder-core，第一次写勿喷
微信小程序录音器
qq_48612020的博客
12-26 1141
【代码】微信小程序录音器。
有趣的python小程序-分贝测量
m0_55813592的博客
04-25 3251
分贝是一种以对数形式表达的单位，它用于表示两个物理量之间的比值。在声学中，分贝通常用于衡量声音的强度和能量。声音的强度和能量可以用声压级来表示，它的单位是帕斯卡（Pa）。声压级 Lp 的计算公式如下：其中，p 是声压值，p0 是参考声压值（一般取 20 微帕），单位均为帕斯卡。分贝和声压级之间的转换关系如下：其中，x 和 y 是物理量，单位要相同。如果 x 是声压级，y 是参考声压级，则可以得到以下公式：其中，pr 是参考声压值，单位为帕斯卡。这个公式中的 dB 通常称为分贝。
[midway.js]微信小程序二维码获取Buffer文件上传腾讯云cos
热门推荐
王佩健的博客
10-25 37万+
存储二进制文件到腾讯云cos。
微信小程序和Java后台进行数据交互
ares011的博客
04-06 2725
微信小程序和Java后台进行数据交互 1.微信小程序前端准备 微信小程序wxml部分 <button bindtap="test">测试后台</button> <input class="request" bindinput="getsay"></input> <text class="response">{{getresponse}}</text> 2.微信小程序js部分 test:function(e){ var that
小程序 测试周围环境分贝的功能源码.rar
02-03
免责声明：资料部分来源于合法的互联网渠道收集和整理，部分自己学习积累成果，供大家学习参考与交流。收取的费用仅用于收集和整理资料耗费时间的酬劳。 本人尊重原创作者或出版方，资料版权归原作者或出版方所有，...
计算机毕业设计PHP基于微信小程序的白噪音系统（源码+程序+uni+lw+部署）
qha104的博客
02-07 489
该项目含有源码、文档、程序、数据库、配套开发软件、软件安装教程。欢迎交流项目运行环境配置：项目技术：原生PHP++ Vue 等等组成，B/S模式 +Vscode管理+前后端分离等等。环境需要1.运行环境：最好是小皮phpstudy最新版，我们在这个版本上开发的。其他版本理论上也可以。2.开发环境：Vscode或HbuilderX都可以。推荐HbuilderX;3.mysql环境：建议是用5.7版本均可4.硬件环境：windows 7/8/10 1G内存以上；或者 Mac OS；
很火的助眠小程序睡眠助手/白噪音/助眠夜曲微信小程序源码支持分享海报 支持暗黑模式 附教程
08-19
睡眠助手/白噪音/助眠夜曲微信小程序源码 附教程 支持分享海报 支持暗黑模式 包含了音频数据 最近很火的助眠小程序，前端vue，可以打包H5，APP，小程序 后台可以设置流量主广告，非常不错的源码 代码完整 完美运营 搭配无人直播挺好的 具体请看下方演示小程序
测试声音分贝
11-22
网上app大多含广告或收集个人资料，刚好自己需要这样的工具，到网上搜集相关代码，顺手做了这个小工具，测试声音分贝。
Android 分贝测试仪功能，华为移动终端开发
m0_64933109的博客
03-16 420
mARecorder.setOutputFormat(MediaRecorder.OutputFormat.RAW_AMR); //设置音频文件的编码 mARecorder.setAudioEncoder(MediaRecorder.AudioEncoder.AMR_NB); //设置audio格式 xml大致如下（重复的省略了） <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android=“http://schem
简单的python小程序--语音转频谱图
baidu_27952463的博客
01-11 1903
#!usr/bin/env python # -*- coding:utf-8 _*- """ @author:czc @file: specgram3.py @time: 2018/04/17 """ import wave import numpy import matplotlib.pyplot as plt from PIL import Image   wave_...
通过pcm音频数据计算分贝
qinglongzhan的博客
09-30 1万+
最近开源了一个Android音频播放库《wlmusic》可以直接在gradle中导入集成。已经实现了音频播放所有逻辑，除了播放正常的网络音频和本地音频外，还可以播放raw和assets文件中的音频和循环不间断播放短音频等功能。这些做完了之后发现一个问题，怎么能动态显示声音的波形？于是想到了一个声音的关键词“分贝”，然后百度、谷歌了一番找到了一个有用的公式： 参数：Pref：就是声音总的振幅最...
微信小程序 纯css画仪表盘
阿坤的博客
12-04 1589
canvas和纯css绘制仪表盘
js 利用audio buffers[int16Array]计算分贝
weixin_41859887的博客
01-06 2806
计算公式：引用：如何计算音频dB级别？ 来人上代码???????????? 此处我以录音三秒为例，检测分贝 js 公式： avgEnergy ： 波形峰值 16位比特率：振幅可以高达32767 const db = 20 * Math.log10(avgEnergy / 32767); 基于npm 【recorder-core】录音框架为例 //必须引入的核心，换成require也是一样的。注意：recorder-core会自动往window下挂载名称为Recorder对象，全局可调用window.Rec
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值