AI - 故事和图片生成器

作用

📦? HTML、CSS、JavaScript 和 GEMINI API：创建互动式短片故事和图片生成器。

📝? 短片故事生成：使用 Google 的生成式 AI 技术根据用户输入生成短片故事。

🖼?️ 照片生成：从 Unsplash API 提取匹配的照片。

🖊?️ 用户互动：为短片故事输入文本，并使用按钮生成照片。

⏳ 加载指示器：在生成短片故事和提取照片期间显示旋转图标。

⚠️ 错误处理：显示错误消息和记录错误以进行调试。

🖥?️ 内容显示：以简洁的布局呈现生成的短片故事和照片。

📱? 响应式设计：让界面元素适应各种屏幕尺寸。

🎨? 动态样式更改：在聚焦/失焦时调整文本区域的边框和高度。

✨ 现代 JavaScript：利用 async/await 编写整洁、可维护且模块化的代码。