ElevenLabs TTS 浏览器演示｜单 HTML 文件语音合成提示词示例
代码预览
エディタを読み込み中…
P
提示词
Create a single-file HTML page that demonstrates ElevenLabs Text-to-Speech API. The page should have: a textarea for input, a voice selector (predefined voice IDs), a 'Speak' button, and a playback/stop control. Use the free-tier API key from ElevenLabs. Show loading state during synthesis. Use a clean modern UI with Tailwind CSS (via CDN). Include error handling. The page title should be 'ElevenLabs TTS Demo'.
この単一HTMLファイルで、ElevenLabsの音声合成をブラウザで体験できます。日本語テキストを入力し、3つの声（Rachel、Bella、Patrick）から選択、「再生」ボタンを押すだけで合成音声がAPIからストリーミングされ、すぐに再生されます。Tailwind CSSでダークモダンなUIに。ローディング表示、エラーハンドリング、停止機能も搭載。APIキーのプレースホルダーを自身の無料キーに変更してお試しください。
提示词解读
通过这个单一HTML文件，您可以在浏览器中体验ElevenLabs的语音合成功能。只需输入日语文本，从三种声音（Rachel、Bella、Patrick）中选择，点击"播放"按钮，合成语音便会从API流式传输并立即播放。界面采用Tailwind CSS打造暗色现代风格，并配备加载提示、错误处理和停止功能。请将API密钥占位符替换为您自己的免费密钥后尝试使用。
这个提示对您有帮助吗？
评论
评论将在审核后显示
この記事が役に立ったら投げ銭で応援
Apple Pay / Google Pay / カード (Visa/Mastercard/JCB/Amex) / Link / Alipay / WeChat Pay 対応 · Stripeで安全に決済
開発者が選ぶ最強ツール集
運営者が毎日使っているツール・ガジェット 6選