RSS DEV 社区
关注
我构建了一个 AI,能将你的热情转化为电影般的起源故事
Origin 是一款 Web 应用程序,将个人热情转化为电影级微型网站。用户回答关于某项热情的七个简短问题,应用程序便会生成起源故事、时间线、角色卡片、AI 生成的电影海报以及语音旁白。其目标在于打造引人入胜的体验,而非简单的文本输出。Origin 坚持“以访客为先”的理念,取消注册或登录要求,以降低使用摩擦。该项目前端采用 Next.js 16、React 19、TypeScript 和 Tailwind CSS。Three.js 与 React Three Fiber 用于构建 3D 主视觉场景,并配备 2D 降级方案。Google Gemini 2.5 Flash 驱动故事创作,将回答结构化并编排为电影叙事,同时设计电影海报。应用程序会对 AI 响应进行验证,并在展示前自动纠正错误。ElevenLabs 负责语音旁白,提供男声与女声选项,并回退至浏览器语音引擎。框架无关的核心逻辑确保了可靠性与可测试性,且无需 Gemini 或 ElevenLabs 的 API 密钥即可运行。此设计支持端到端测试,并在无需身份认证的情况下提供无缝的用户体验。Origin 展示了 Google AI 在故事生成以及 ElevenLabs 在语音旁白方面的卓越应用,并具备健壮的降级机制。