xinyin025/ChatGPT-Next-Web
1
0
Fork 0
mirror of https://github.com/ChatGPTNextWeb/ChatGPT-Next-Web.git synced 2025-09-30 15:16:38 +08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

fix: fix SSR no window error.

Browse Source
This commit is contained in:
lushevol 2023-03-30 17:02:19 +08:00
parent 5b492f587e
commit 00aaba2429
1 changed files with 11 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
app/components/voice.tsx
View File

@ -1,25 +1,31 @@
// implement a voice component by speech synthesis to read the text with the voice of the user's choice
import * as React from "react";
import { useState } from "react";
import { useEffect, useState } from "react";
import { IconButton } from "./button";
import VoiceIcon from "../icons/voice.svg";
const voices = window.speechSynthesis.getVoices();
const speak = ({
text,
voice,
}: {
text: string;
voice?: SpeechSynthesisVoice;
voice: SpeechSynthesisVoice;
}) => {
if (!text) return;
if (!window || !text) return;
const utterance = new SpeechSynthesisUtterance(text);
utterance.voice = voice || voices[0];
utterance.voice = voice;
window.speechSynthesis.speak(utterance);
};
export function Voice(props: { text: string }) {
const [voices, setVoices] = useState<SpeechSynthesisVoice[]>([]);
const [voice, setVoice] = useState<SpeechSynthesisVoice | null>(null);
useEffect(() => {
const voices = window.speechSynthesis.getVoices();
setVoices(voices);
setVoice(voices[0]);
}, []);
return props.text ? (
<div>
<IconButton