use-whisper - 适用于OpenAI Whisper API的React Hook，支持语音录制和静音消除

项目介绍：use-whisper

use-whisper 是一个为 OpenAI Whisper API 专门设计的 React Hook，它内置了语音录音功能、实时转录和静音删除功能，提升了语音处理的便捷性和智能化。

项目特色

语音录音与转录：use-whisper 能够录制用户的语音，并利用 OpenAI Whisper API 将语音内容快速转录为文本。
实时转录：项目支持实时转录功能，让用户在语音输入的同时查看转录结果。
静音删除：通过静音删除功能，系统在发送至 OpenAI API 之前删除录音中的静音部分，从而节省了处理成本。

安装步骤

您可以通过以下任意方式来安装 use-whisper：

npm i @chengsokdara/use-whisper

或

yarn add @chengsokdara/use-whisper

使用方法

以下是一个简单的使用示例：

import { useWhisper } from '@chengsokdara/use-whisper'

const App = () => {
  const {
    recording,
    speaking,
    transcribing,
    transcript,
    pauseRecording,
    startRecording,
    stopRecording,
  } = useWhisper({
    apiKey: process.env.OPENAI_API_TOKEN, // 用户的 OpenAI API 密钥
  })

  return (
    <div>
      <p>录音状态: {recording}</p>
      <p>讲话状态: {speaking}</p>
      <p>转录状态: {transcribing}</p>
      <p>转录文本: {transcript.text}</p>
      <button onClick={() => startRecording()}>开始</button>
      <button onClick={() => pauseRecording()}>暂停</button>
      <button onClick={() => stopRecording()}>停止</button>
    </div>
  )
}

自定义服务器

为了保证 OpenAI API 密钥的安全性，您可以通过自定义服务器来处理录音数据：

import { useWhisper } from '@chengsokdara/use-whisper'

const App = () => {
  const onTranscribe = (blob) => {
    // 该回调函数允许自定义服务器处理转录
    // 并返回结果给 useWhisper
  }

  const { transcript } = useWhisper({
    onTranscribe,
  })

  return (
    <div>
      <p>{transcript.text}</p>
    </div>
  )
}