检测声音的分贝大小在小程序或应用开发中是一个常见需求,特别是对于音频相关的功能。下面是一些主流技术框架的实现方法及参考代码,包括微信小程序、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'),
),
],
),
),
),
);
}
} 网友回复


