在ReactJs中录制音频(FLAC或WAV)，并通过ruby后台使用谷歌的Speech2Text

import React, { useState } from 'react';

const AudioRecorder = () => {
  const [recording, setRecording] = useState(false);
  const [audioChunks, setAudioChunks] = useState([]);

  let mediaRecorder;
  let audioStream;

  const startRecording = () => {
    navigator.mediaDevices.getUserMedia({ audio: true })
      .then((stream) => {
        audioStream = stream;
        mediaRecorder = new MediaRecorder(stream);
        mediaRecorder.addEventListener('dataavailable', handleDataAvailable);
        mediaRecorder.start();
        setRecording(true);
      })
      .catch((error) => {
        console.error('Error accessing microphone:', error);
      });
  };

  const stopRecording = () => {
    mediaRecorder.stop();
    audioStream.getTracks().forEach((track) => track.stop());
    setRecording(false);
  };

  const handleDataAvailable = (event) => {
    if (event.data.size > 0) {
      setAudioChunks((prevChunks) => [...prevChunks, event.data]);
    }
  };

  const handleSaveAudio = () => {
    const audioBlob = new Blob(audioChunks, { type: 'audio/wav' });
    const formData = new FormData();
    formData.append('audio', audioBlob, 'recording.wav');

    // Send formData to the backend for further processing
    // You can use libraries like axios or fetch to make the HTTP request
  };

  return (
    <div>
      <button onClick={startRecording} disabled={recording}>
        Start Recording
      </button>
      <button onClick={stopRecording} disabled={!recording}>
        Stop Recording
      </button>
      <button onClick={handleSaveAudio} disabled={audioChunks.length === 0}>
        Save Audio
      </button>
    </div>
  );
};

export default AudioRecorder;

require 'google/cloud/speech'

def speech_to_text(audio_file_path)
  speech = Google::Cloud::Speech.speech

  audio = { uri: "gs://your-bucket/#{audio_file_path}" } # Replace with your audio file path

  config = {
    encoding: :LINEAR16,
    sample_rate_hertz: 16000,
    language_code: 'en-US'
  }

  response = speech.recognize(config: config, audio: audio)

  results = response.results.map(&:alternatives).flatten.map(&:transcript)

  results.join(' ')
end

# Usage
audio_file_path = 'path/to/audio.wav'
transcript = speech_to_text(audio_file_path)
puts transcript