检测声音的分贝大小在小程序或应用开发中是一个常见需求,特别是对于音频相关的功能。下面是一些主流技术框架的实现方法及参考代码,包括微信小程序、React Native 和 Flutter。
微信小程序微信小程序中可以使用 wx.getRecorderManager 接口来录制音频,并通过 onFrameRecorded 回调获取实时的音频数据,进行分贝计算。
const recorderManager = wx.getRecorderManager(); recorderManager.onFrameRecorded((res) => { const { frameBuffer } = res; const data = new Uint8Array(frameBuffer); let sum = 0; for (let i = 0; i < data.length; i++) { sum += data[i] * data[i]; } const rms = Math.sqrt(sum / data.length); const decibels = 20 * Math.log10(rms); console.log('Current decibels: ', decibels); }); recorderManager.start({ duration: 60000, sampleRate: 44100, numberOfChannels: 1, encodeBitRate: 192000, format: 'pcm', frameSize: 256 });React Native
在 React Native 中,你可以使用 react-native-audio 或 react-native-sound-level 等第三方库来获取音频数据。以下是一个使用 react-native-sound-level 库的例子。
首先,安装依赖:
npm install react-native-sound-level
然后,使用以下代码获取分贝值:
import React, { useEffect } from 'react'; import { NativeEventEmitter, NativeModules } from 'react-native'; import SoundLevel from 'react-native-sound-level'; const App = () => { useEffect(() => { SoundLevel.start(); const soundLevelEmitter = new NativeEventEmitter(NativeModules.SoundLevel); soundLevelEmitter.addListener('soundLevel', (data) => { const decibels = data.value; console.log('Current decibels: ', decibels); }); return () => { SoundLevel.stop(); }; }, []); return ( <></> ); }; export default App;Flutter
在 Flutter 中,可以使用 flutter_sound 插件来录制音频并获取分贝值。以下是一个简单的实现例子。
首先,添加依赖:
dependencies: flutter: sdk: flutter flutter_sound: ^8.4.0
然后,使用以下代码获取分贝值:
import 'package:flutter/material.dart'; import 'package:flutter_sound/flutter_sound.dart'; void main() => runApp(MyApp()); class MyApp extends StatefulWidget { @override _MyAppState createState() => _MyAppState(); } class _MyAppState extends State<MyApp> { FlutterSoundRecorder _recorder = FlutterSoundRecorder(); bool _isRecording = false; double _decibels = 0.0; @override void initState() { super.initState(); _recorder.openAudioSession(); } void _startRecording() async { await _recorder.startRecorder(toFile: 'audio.aac'); _recorder.onProgress!.listen((e) { double amplitude = e.decibels; setState(() { _decibels = amplitude; }); }); setState(() { _isRecording = true; }); } void _stopRecording() async { await _recorder.stopRecorder(); setState(() { _isRecording = false; }); } @override void dispose() { _recorder.closeAudioSession(); super.dispose(); } @override Widget build(BuildContext context) { return MaterialApp( home: Scaffold( appBar: AppBar( title: Text('Decibel Meter'), ), body: Center( child: Column( mainAxisAlignment: MainAxisAlignment.center, children: [ Text('Current decibels: $_decibels'), SizedBox(height: 20), ElevatedButton( onPressed: _isRecording ? _stopRecording : _startRecording, child: Text(_isRecording ? 'Stop' : 'Start'), ), ], ), ), ), ); } }
网友回复