+
95
-

回答

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

网友回复

我知道答案,我要回答