react text to speech

反应文本到语音

一个易于使用的React.js组件，它利用Web语音API将文本转换为语音。

特征

• 使用网络语音API将文本转换为语音。
• 大声朗读单词。看：
  • 用useSpeech挂钩突出显示文字。
  • 用Speech组件突出显示文本。
• 为处理错误和事件提供了API：
  • 使用useSpeech挂钩处理错误。
  • 使用Speech组件处理错误。
• 管理多个语音实例：
  • 多个实例使用useSpeech挂钩。
  • 具有Speech组件的多个实例。
• 适用于各种用例的完全自定义：
  • 自定义useSpeech挂钩。
  • 定制Speech组件。
• 克服Web语音API的文本长度限制，实现无限文本输入。
• 当组件卸下时，会自动停止语音实例。

安装

使用您的首选软件包管理器安装react-text-to-speech ：

 # Using npm:
npm install react-text-to-speech --save

# Using Yarn:
yarn add react-text-to-speech

# Using pnpm:
pnpm add react-text-to-speech

# Using Bun:
bun add react-text-to-speech

用法

React-Text到Speech提供了两种主要方法，将文本到语音功能集成到您的React.js应用程序中： useSpeech Hook和<Speech>组件。

useSpeech钩

基本用法

 import React from "react" ;
import { useSpeech } from "react-text-to-speech" ;

export default function App ( ) {
  const {
    Text , // Component that renders the processed text
    speechStatus , // Current speech status
    isInQueue , // Indicates if the speech is active or queued
    start , // Starts or queues the speech
    pause , // Pauses the speech
    stop , // Stops or removes the speech from the queue
  } = useSpeech ( { text : "This library is awesome!" } ) ;

  return (
    < div style = { { display : "flex" , flexDirection : "column" , rowGap : "1rem" } } >
      < Text />
      < div style = { { display : "flex" , columnGap : "0.5rem" } } >
        { speechStatus !== "started" ? < button onClick = { start } > Start </ button > : < button onClick = { pause } > Pause </ button > }
        < button onClick = { stop } > Stop </ button >
      </ div >
    </ div >
  ) ;
} 

详细的用法

有关使用useSpeech挂钩的更多详细信息，请参阅文档。

<Speech>组件

基本用法

 import React from "react" ;
import Speech from "react-text-to-speech" ;

export default function App ( ) {
  return < Speech text = "This library is awesome!" /> ;
} 

详细的用法

有关使用<Speech>组件的更多详细信息，请参阅文档。

演示

查看实时演示以查看它的作用。

文档

探索文档以快速入门。

贡献

通过在github上给予您的❤️和支持。您还可以通过投票和分享产品狩猎来支持该项目。欢迎任何建议！看看贡献指南。

执照

该项目已根据MIT许可获得许可。

探索其他解决方案

React语音突出显示，对语音进行反应文本，并突出显示使用音频文件，文本到语音API和Web语音综合API所使用的单词和句子。此外，它还为许多用例提供了强大的灵活的程序性API。