مكون React.js يسهل الاستخدام يعزز واجهة برمجة تطبيقات خطاب الويب لتحويل النص إلى خطاب.
useSpeech .Speech .useSpeech .Speech .useSpeech .Speech .useSpeech .Speech . قم بتثبيت 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-to-tpeech طريقتين أساسيتين لدمج وظائف النص إلى الكلام في تطبيقات React.js: خطاف useSpeech ومكون <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. يمكنك أيضًا دعم المشروع عن طريق التقدم ومشاركته على البحث عن المنتجات. أي اقتراحات مرحب بها! ألق نظرة على الدليل المساهم.
هذا المشروع مرخص بموجب ترخيص معهد ماساتشوستس للتكنولوجيا.
React Flease Aight ، رد فعل النص على الكلام مع تسليط الضوء على الكلمات والجمل التي يتم التحدث بها باستخدام ملفات الصوت ، وواجهة برمجة تطبيقات النص إلى كلام ، و API لتوليف خطاب الويب. كما أنها توفر واجهة برمجة تطبيقات قوية ومرنة للبرمجة للعديد من حالات الاستخدام.