mirror of
https://github.com/ChatGPTNextWeb/ChatGPT-Next-Web.git
synced 2025-10-15 22:43:43 +08:00
Compare commits
4 Commits
5870ce528b
...
dependabot
Author | SHA1 | Date | |
---|---|---|---|
|
f9d3c93633 | ||
|
673f907ea4 | ||
|
fb3af2a08f | ||
|
eb193ac0ff |
@@ -22,12 +22,12 @@ English / [简体中文](./README_CN.md)
|
|||||||
[![MacOS][MacOS-image]][download-url]
|
[![MacOS][MacOS-image]][download-url]
|
||||||
[![Linux][Linux-image]][download-url]
|
[![Linux][Linux-image]][download-url]
|
||||||
|
|
||||||
[NextChatAI](https://nextchat.club?utm_source=readme) / [iOS APP](https://apps.apple.com/us/app/nextchat-ai/id6743085599) / [Web App Demo](https://app.nextchat.dev) / [Desktop App](https://github.com/Yidadaa/ChatGPT-Next-Web/releases) / [Enterprise Edition](#enterprise-edition)
|
[NextChatAI](https://nextchat.club?utm_source=readme) / [iOS APP](https://apps.apple.com/us/app/nextchat-ai/id6743085599) / [Web App Demo](https://app.nextchat.club) / [Desktop App](https://github.com/Yidadaa/ChatGPT-Next-Web/releases) / [Enterprise Edition](#enterprise-edition)
|
||||||
|
|
||||||
|
|
||||||
[saas-url]: https://nextchat.club?utm_source=readme
|
[saas-url]: https://nextchat.club?utm_source=readme
|
||||||
[saas-image]: https://img.shields.io/badge/NextChat-Saas-green?logo=microsoftedge
|
[saas-image]: https://img.shields.io/badge/NextChat-Saas-green?logo=microsoftedge
|
||||||
[web-url]: https://app.nextchat.dev/
|
[web-url]: https://app.nextchat.club/
|
||||||
[download-url]: https://github.com/Yidadaa/ChatGPT-Next-Web/releases
|
[download-url]: https://github.com/Yidadaa/ChatGPT-Next-Web/releases
|
||||||
[Web-image]: https://img.shields.io/badge/Web-PWA-orange?logo=microsoftedge
|
[Web-image]: https://img.shields.io/badge/Web-PWA-orange?logo=microsoftedge
|
||||||
[Windows-image]: https://img.shields.io/badge/-Windows-blue?logo=windows
|
[Windows-image]: https://img.shields.io/badge/-Windows-blue?logo=windows
|
||||||
|
@@ -1,76 +1,19 @@
|
|||||||
import { TTSConfig, TTSConfigValidator } from "../store";
|
import { TTSConfig, TTSConfigValidator } from "../store";
|
||||||
import React, { useState } from "react";
|
|
||||||
|
|
||||||
import Locale from "../locales";
|
import Locale from "../locales";
|
||||||
import { ListItem, Select } from "./ui-lib";
|
import { ListItem, Select } from "./ui-lib";
|
||||||
import {
|
import {
|
||||||
ModelProvider,
|
|
||||||
DEFAULT_TTS_ENGINE,
|
DEFAULT_TTS_ENGINE,
|
||||||
DEFAULT_TTS_ENGINES,
|
DEFAULT_TTS_ENGINES,
|
||||||
DEFAULT_TTS_MODELS,
|
DEFAULT_TTS_MODELS,
|
||||||
DEFAULT_TTS_VOICES,
|
DEFAULT_TTS_VOICES,
|
||||||
} from "../constant";
|
} from "../constant";
|
||||||
import { InputRange } from "./input-range";
|
import { InputRange } from "./input-range";
|
||||||
import { IconButton } from "./button";
|
|
||||||
import SpeakIcon from "../icons/speak.svg";
|
|
||||||
import SpeakStopIcon from "../icons/speak-stop.svg";
|
|
||||||
import { createTTSPlayer } from "../utils/audio";
|
|
||||||
import { useAppConfig } from "../store";
|
|
||||||
import { ClientApi } from "../client/api";
|
|
||||||
import { showToast } from "../components/ui-lib";
|
|
||||||
|
|
||||||
const ttsPlayer = createTTSPlayer();
|
|
||||||
export function TTSConfigList(props: {
|
export function TTSConfigList(props: {
|
||||||
ttsConfig: TTSConfig;
|
ttsConfig: TTSConfig;
|
||||||
updateConfig: (updater: (config: TTSConfig) => void) => void;
|
updateConfig: (updater: (config: TTSConfig) => void) => void;
|
||||||
}) {
|
}) {
|
||||||
const [speechLoading, setSpeechLoading] = useState(false);
|
|
||||||
const [speechStatus, setSpeechStatus] = useState(false);
|
|
||||||
|
|
||||||
const config = useAppConfig.getState();
|
|
||||||
|
|
||||||
function stopSpeech() {
|
|
||||||
ttsPlayer.stop();
|
|
||||||
setSpeechStatus(false);
|
|
||||||
}
|
|
||||||
|
|
||||||
async function playSpeech(text: string, ttsConfig: TTSConfig) {
|
|
||||||
try {
|
|
||||||
const api = new ClientApi(ModelProvider.GPT);
|
|
||||||
setSpeechLoading(true);
|
|
||||||
ttsPlayer.init();
|
|
||||||
|
|
||||||
const audioBuffer = await api.llm.speech({
|
|
||||||
model: ttsConfig.model,
|
|
||||||
input: text,
|
|
||||||
voice: ttsConfig.voice,
|
|
||||||
speed: ttsConfig.speed,
|
|
||||||
});
|
|
||||||
|
|
||||||
setSpeechStatus(true);
|
|
||||||
await ttsPlayer.play(audioBuffer, () => {
|
|
||||||
setSpeechStatus(false);
|
|
||||||
});
|
|
||||||
} catch (error) {
|
|
||||||
console.error("[OpenAI Speech]", error);
|
|
||||||
setSpeechStatus(false);
|
|
||||||
// Implement user-facing error notification here
|
|
||||||
if (typeof (error as Error).message === "string") {
|
|
||||||
showToast((error as Error).message);
|
|
||||||
}
|
|
||||||
} finally {
|
|
||||||
setSpeechLoading(false);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
async function openaiSpeech(text: string) {
|
|
||||||
if (speechStatus) {
|
|
||||||
stopSpeech();
|
|
||||||
} else {
|
|
||||||
await playSpeech(text, config.ttsConfig);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<ListItem
|
<ListItem
|
||||||
@@ -145,32 +88,15 @@ export function TTSConfigList(props: {
|
|||||||
title={Locale.Settings.TTS.Voice.Title}
|
title={Locale.Settings.TTS.Voice.Title}
|
||||||
subTitle={Locale.Settings.TTS.Voice.SubTitle}
|
subTitle={Locale.Settings.TTS.Voice.SubTitle}
|
||||||
>
|
>
|
||||||
<div style={{ display: "flex", gap: "10px" }}>
|
|
||||||
<IconButton
|
|
||||||
aria={Locale.Chat.Actions.Speech}
|
|
||||||
icon={speechStatus ? <SpeakStopIcon /> : <SpeakIcon />}
|
|
||||||
text={
|
|
||||||
speechLoading
|
|
||||||
? "Loading..."
|
|
||||||
: speechStatus
|
|
||||||
? Locale.Chat.Actions.Stop
|
|
||||||
: Locale.Chat.Actions.Speech
|
|
||||||
}
|
|
||||||
onClick={() => {
|
|
||||||
openaiSpeech(
|
|
||||||
"NextChat,Unleash your imagination, experience the future of AI conversation.",
|
|
||||||
);
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
|
|
||||||
<Select
|
<Select
|
||||||
value={props.ttsConfig.voice}
|
value={props.ttsConfig.voice}
|
||||||
onChange={(e) => {
|
onChange={(e) => {
|
||||||
props.updateConfig((config) => {
|
props.updateConfig(
|
||||||
config.voice = TTSConfigValidator.voice(
|
(config) =>
|
||||||
|
(config.voice = TTSConfigValidator.voice(
|
||||||
e.currentTarget.value,
|
e.currentTarget.value,
|
||||||
|
)),
|
||||||
);
|
);
|
||||||
});
|
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
{DEFAULT_TTS_VOICES.map((v, i) => (
|
{DEFAULT_TTS_VOICES.map((v, i) => (
|
||||||
@@ -179,7 +105,6 @@ export function TTSConfigList(props: {
|
|||||||
</option>
|
</option>
|
||||||
))}
|
))}
|
||||||
</Select>
|
</Select>
|
||||||
</div>
|
|
||||||
</ListItem>
|
</ListItem>
|
||||||
<ListItem
|
<ListItem
|
||||||
title={Locale.Settings.TTS.Speed.Title}
|
title={Locale.Settings.TTS.Speed.Title}
|
||||||
|
@@ -523,20 +523,15 @@ const openaiModels = [
|
|||||||
];
|
];
|
||||||
|
|
||||||
const googleModels = [
|
const googleModels = [
|
||||||
"gemini-1.0-pro", // Deprecated on 2/15/2025
|
|
||||||
"gemini-1.5-pro-latest",
|
"gemini-1.5-pro-latest",
|
||||||
"gemini-1.5-pro",
|
"gemini-1.5-pro",
|
||||||
"gemini-1.5-pro-002",
|
"gemini-1.5-pro-002",
|
||||||
"gemini-1.5-pro-exp-0827",
|
|
||||||
"gemini-1.5-flash-latest",
|
"gemini-1.5-flash-latest",
|
||||||
"gemini-1.5-flash-8b-latest",
|
"gemini-1.5-flash-8b-latest",
|
||||||
"gemini-1.5-flash",
|
"gemini-1.5-flash",
|
||||||
"gemini-1.5-flash-8b",
|
"gemini-1.5-flash-8b",
|
||||||
"gemini-1.5-flash-002",
|
"gemini-1.5-flash-002",
|
||||||
"gemini-1.5-flash-exp-0827",
|
|
||||||
"learnlm-1.5-pro-experimental",
|
"learnlm-1.5-pro-experimental",
|
||||||
"gemini-exp-1114",
|
|
||||||
"gemini-exp-1121",
|
|
||||||
"gemini-exp-1206",
|
"gemini-exp-1206",
|
||||||
"gemini-2.0-flash",
|
"gemini-2.0-flash",
|
||||||
"gemini-2.0-flash-exp",
|
"gemini-2.0-flash-exp",
|
||||||
|
@@ -83,7 +83,7 @@
|
|||||||
"jest": "^29.7.0",
|
"jest": "^29.7.0",
|
||||||
"jest-environment-jsdom": "^29.7.0",
|
"jest-environment-jsdom": "^29.7.0",
|
||||||
"lint-staged": "^13.2.2",
|
"lint-staged": "^13.2.2",
|
||||||
"prettier": "^3.0.2",
|
"prettier": "^3.6.2",
|
||||||
"ts-node": "^10.9.2",
|
"ts-node": "^10.9.2",
|
||||||
"tsx": "^4.16.0",
|
"tsx": "^4.16.0",
|
||||||
"typescript": "5.2.2",
|
"typescript": "5.2.2",
|
||||||
|
@@ -7076,10 +7076,10 @@ prettier-linter-helpers@^1.0.0:
|
|||||||
dependencies:
|
dependencies:
|
||||||
fast-diff "^1.1.2"
|
fast-diff "^1.1.2"
|
||||||
|
|
||||||
prettier@^3.0.2:
|
prettier@^3.6.2:
|
||||||
version "3.0.2"
|
version "3.6.2"
|
||||||
resolved "https://registry.yarnpkg.com/prettier/-/prettier-3.0.2.tgz#78fcecd6d870551aa5547437cdae39d4701dca5b"
|
resolved "https://registry.yarnpkg.com/prettier/-/prettier-3.6.2.tgz#ccda02a1003ebbb2bfda6f83a074978f608b9393"
|
||||||
integrity sha512-o2YR9qtniXvwEZlOKbveKfDQVyqxbEIWn48Z8m3ZJjBjcCmUy3xZGIv+7AkaeuaTr6yPXJjwv07ZWlsWbEy1rQ==
|
integrity sha512-I7AIg5boAr5R0FFtJ6rCfD+LFsWHp81dolrFD8S79U9tb8Az2nGrJncnMSnys+bpQJfRUzqs9hnA81OAA3hCuQ==
|
||||||
|
|
||||||
pretty-format@^27.0.2:
|
pretty-format@^27.0.2:
|
||||||
version "27.5.1"
|
version "27.5.1"
|
||||||
|
Reference in New Issue
Block a user