Prompt para app de transcripción con Whisper API en JS
VISTA DE CÓDIGO
Prompt
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はモダンなガラスモーフィズムデザインで、ローディングスピナーも搭載しユーザー体験を向上させています。
Resumen del prompt
Este proyecto demuestra cómo integrar la API Whisper de OpenAI en una aplicación web para realizar transcripciones de voz en tiempo real. Graba audio mediante la API MediaRecorder del navegador, lo envía a Whisper y muestra los resultados de la transcripción de inmediato. La interfaz de usuario presenta un diseño moderno de vidrio esmerilado (glassmorphism) e incluye un spinner de carga para mejorar la experiencia del usuario.
¿Te resultó útil este prompt?
Comentarios
Los comentarios aparecen después de la moderación
この記事が役に立ったら投げ銭で応援
Apple Pay / Google Pay / カード (Visa/Mastercard/JCB/Amex) / Link / Alipay / WeChat Pay 対応 · Stripeで安全に決済
開発者が選ぶ最強ツール集
運営者が毎日使っているツール・ガジェット 6選