Whisper API 语音转文字 Web 应用提示词示例｜AI 生成代码
代码预览
エディタを読み込み中…
P
提示词
Create a web application that records audio from the microphone and sends it to the OpenAI Whisper API for transcription. The page should have a 'Start Recording' button, a 'Stop Recording' button, and a text area to display the transcribed text. Use vanilla JavaScript with a modern UI design. Include a loading spinner while waiting for the API response. Use a placeholder API key for demonstration purposes.
このプロジェクトは、OpenAIのWhisper APIをWebアプリケーションに統合し、リアルタイムで音声文字起こしを行う方法を示しています。ブラウザのMediaRecorder APIで音声を録音し、Whisperに送信して文字起こし結果を即座に表示します。UIはモダンなガラスモーフィズムデザインで、ローディングスピナーも搭載しユーザー体験を向上させています。
提示词解读
本项目展示了如何将OpenAI的Whisper API集成到Web应用程序中，实现实时语音转文字功能。通过浏览器的MediaRecorder API录制音频，发送至Whisper后立即显示转录结果。UI采用现代玻璃拟态设计，并配备加载动画以提升用户体验。
这个提示对您有帮助吗？
评论
评论将在审核后显示
この記事が役に立ったら投げ銭で応援
Apple Pay / Google Pay / カード (Visa/Mastercard/JCB/Amex) / Link / Alipay / WeChat Pay 対応 · Stripeで安全に決済
開発者が選ぶ最強ツール集
運営者が毎日使っているツール・ガジェット 6選