Gemini File API 多模态上传分析应用——AI 生成示例提示词
代码预览
エディタを読み込み中…
P
提示词
Create a single-page HTML app that demonstrates the Gemini File API for multimodal input. The page must: 1) Allow the user to upload an image, audio, or video file. 2) After upload, send the file URI to the Gemini API (use a simulated/placeholder API key) and display the AI's analysis result. 3) Use a clean modern UI with card layout. 4) Include a loading spinner during processing. 5) Handle errors gracefully with a message. Use CDN for Google's Generative AI client library if needed. Make it visually appealing with a gradient background. Output only the HTML with embedded CSS/JS.
このデモはGemini File APIを使ったマルチモーダル入力を紹介します。画像・音声・動画をアップロードし、分析ボタンをクリックするとAIが解釈した結果を表示します。グラデーション背景とカードレイアウトの洗練されたUI、ローディングスピナー、エラーハンドリングを備えています。実際のGemini APIキーに差し替えれば本稼働します。
提示词解读
此演示介绍了使用Gemini File API的多模态输入功能。您可以上传图像、音频和视频，点击分析按钮后，AI将显示解读结果。界面采用渐变背景与卡片布局的精美设计，并包含加载动画和错误处理机制。替换为真实的Gemini API密钥后即可投入实际使用。
这个提示对您有帮助吗？
评论
评论将在审核后显示
この記事が役に立ったら投げ銭で応援
Apple Pay / Google Pay / カード (Visa/Mastercard/JCB/Amex) / Link / Alipay / WeChat Pay 対応 · Stripeで安全に決済
開発者が選ぶ最強ツール集
運営者が毎日使っているツール・ガジェット 6選