lobe ttsダウンロードlobe ttsソースコードのダウンロード

lobe tts

AI ソースコード

v1.25.8

ダウンロード

ローブTTS

サーバーとブラウザー用の高品質で信頼性の高いTTS/STTライブラリ

ドキュメント・changelog・レポートバグ・リクエスト機能

目次

導入

？ Lobe Chatは、テキストツースピーチ（TTS）とスピーチツーテキスト（STT）テクノロジーをサポートし、アプリケーションがテキストメッセージをクリア音声出力に変換できるようにし、ユーザーが実際の人と話しているかのように会話エージェントと対話できるようにします。ユーザーは、さまざまな声からエージェントとペアリングすることができます。

この機能を実装するプロセスでは、市場で利用可能な満足のいくTTS（テキストからスピーチ）フロントエンドライブラリがないことがわかりました。その結果、他のタスクの中でも、データ変換、オーディオ進捗管理、音声視覚化など、多くの努力を投資しました。

注記

したがって、TTSの実装を希望する開発者を支援することを望んで、実装を改良し、オープンソースにすることにしました。 @lobehub/ttsは、Typescriptで開発された高品質のTTSツールキットであり、サーバー側とブラウザの両方での使用をサポートします。

サーバー側：わずか15行のコードで、OpenaiのTTSサービスに匹敵する高品質の音声生成機能を実現できます。現在、Edgespeechtts、Microsofttts、Openaitts、およびOpenaisttをサポートしています。
ブラウザサイド：高品質のReactフックとビジュアルオーディオコンポーネントを提供し、タイムラインのロード、再生、一時停止、ドラッグなどの一般的な機能をサポートします。さらに、オーディオトラックスタイルを調整するための非常に豊富な機能セットを提供します。

？使用法

サーバーでスピーチを生成します

以下のスクリプトを実行しますBun： bun index.jsを使用します

 // index.js
import { EdgeSpeechTTS } from '@lobehub/tts' ;
import { Buffer } from 'buffer' ;
import fs from 'fs' ;
import path from 'path' ;

// Instantiate EdgeSpeechTTS
const tts = new EdgeSpeechTTS ( { locale : 'en-US' } ) ;

// Create speech synthesis request payload
const payload = {
  input : 'This is a speech demonstration' ,
  options : {
    voice : 'en-US-GuyNeural' ,
  } ,
} ;

// Call create method to synthesize speech
const response = await tts . create ( payload ) ;

// generate speech file
const mp3Buffer = Buffer . from ( await response . arrayBuffer ( ) ) ;
const speechFile = path . resolve ( './speech.mp3' ) ;

fs . writeFileSync ( speechFile , mp3Buffer ) ;

audio.mp4

重要

node.jsで実行します

Node.js環境にはWebSocketインスタンスがないため、WebSocketをポリフィルする必要があります。これは、WSパッケージをインポートすることで実行できます。

 // import at the top of the file
import WebSocket from 'ws' ;

global . WebSocket = WebSocket ;

Reactコンポーネントを使用します

 import { AudioPlayer , AudioVisualizer , useAudioPlayer } from '@lobehub/tts/react' ;

export default ( ) => {
  const { ref , isLoading , ... audio } = useAudioPlayer ( url ) ;

  return (
    < Flexbox align = { 'center' } gap = { 8 } >
      < AudioPlayer audio = { audio } isLoading = { isLoading } style = { { width : '100%' } } />
      < AudioVisualizer audioRef = { ref } isLoading = { isLoading } />
    </ Flexbox >
  ) ;
} ;

audio-vis.mp4

？インストール

重要

このパッケージはESMのみです。

@lobehub/ttsをインストールするには、次のコマンドを実行します。

$ pnpm i @lobehub/tts

$ bun add @lobehub/tts

next.jsでコンパイルします

注記

next.js ssrで正しい作業により、 transpilePackages: ['@lobehub/tts'] next.config.jsに追加します。例えば：

 const nextConfig = {
  transpilePackages : [ '@lobehub/tts' ] ,
} ;

現地開発

オンライン開発にはGitHubコードスペースを使用できます。

または、ローカル開発のためにそれをクローンします：

$ git clone https://github.com/lobehub/lobe-tts.git
$ cd lobe-tts
$ bun install
$ bun dev

？貢献

あらゆるタイプの貢献は大歓迎です。コードを寄付することに興味があるなら、GitHubの問題をチェックして、あなたが何をしているかを示すために立ち往生してください。

？スポンサー

すべてのビットが重要であり、あなたの一時的な寄付は私たちのサポートの銀河で輝いています！あなたはシューティングスターであり、私たちの旅に迅速で明るい影響を与えます。私たちを信じてくれてありがとう - あなたの寛大さは私たちの使命に向けて私たちを導きます。

？リンク

より多くの製品

？ローブチャット- オープンソース、拡張可能な（関数呼び出し）、高性能チャットボットフレームワーク。プライベートChatGPT/LLM Webアプリケーションのワンクリック無料展開をサポートします。
？§ローブのテーマ- 安定した拡散WebUI、エクサイツインターフェイス設計、高度にカスタマイズ可能なUI、および効率向上機能の最新のテーマ。
？ LOBE VIDOL -LOBE VIDOLで仮想アイドルの作成の魔法を体験し、私たちの絶妙なUIデザインの優雅さを楽しみ、MMDダンスサポートを使用して踊り、スムーズな会話に従事します。