需求人群:
"目标受众主要是开发者,尤其是那些希望快速利用OpenAI实时API和WebRTC技术搭建具有语音交互功能的Web应用的开发者。项目提供了完整的框架和示例,方便开发者在此基础上进行二次开发和功能拓展,无需从零开始搭建基础架构。"
使用场景示例:
开发者可基于此项目快速搭建一个在线语音客服系统,利用OpenAI的语音处理能力为用户提供智能语音解答
可用于开发教育领域的语音互动学习平台,通过实时音频对话功能实现师生间的互动教学
打造一个具有语音控制功能的智能家居控制中心网站,用户可通过语音指令操控家中智能设备
产品特色:
使用Next.js框架,实现服务器端渲染和API路由
采用Tailwind CSS、Framer Motion和shadcn/ui打造现代UI界面
通过Use-WebRTC Hook抽象OpenAI WebRTC处理
提供6个示例函数,如获取当前时间、派对模式、改变背景等,展示客户端工具与实时API结合
支持英语、西班牙语、法语、中文等多语言选择
使用TypeScript并配备严格eslint规则,保障类型安全
使用教程:
"1. 克隆项目仓库:git clone https://github.com/cameronking4/openai-realtime-api-nextjs.git,进入项目目录:cd openai-realtime-api-nextjs。2. 创建.env文件,填入OPENAI_API_KEY。3. 安装依赖,使用Node.js时:npm install,使用Deno时:deno install。4. 运行应用,使用Node.js:npm run dev,使用Deno:deno task start。5. 在浏览器打开http://localhost:3000,选择语音开始音频会话。"
浏览量:57
最新流量情况
月访问量
4.85m
平均访问时长
00:06:25
每次访问页数
6.08
跳出率
35.86%
流量来源
直接访问
52.62%
自然搜索
32.72%
邮件
0.05%
外链引荐
12.34%
社交媒体
2.17%
展示广告
0
截止目前所有流量趋势图
地理流量分布情况
中国
12.55%
德国
3.84%
印度
9.38%
俄罗斯
4.61%
美国
18.64%
一个开源的AI聊天机器人模板,使用Next.js和Vercel的AI SDK构建。
该产品是一个基于Next.js和Vercel AI SDK构建的开源聊天机器人模板。它通过使用streamText函数在服务器端和useChat钩子在客户端来创建无缝的聊天体验。这种技术能够实现高效的实时交互,为用户提供流畅的聊天服务。该产品主要面向开发者和需要快速搭建聊天机器人的用户,其开源特性使得用户可以根据自身需求进行定制和扩展。目前未明确提及价格,但从开源的角度来看,可能对基础使用是免费的。
基于WebRTC的语音AI流应用,使用OpenAI实时API和WebRTC开发。
该项目是一个使用OpenAI实时API和WebRTC技术开发的WebRTC-based Voice AI stream application,以Next.js框架搭建,具备服务器端渲染和API路由功能,配合shadcn/ui开发的UI组件,支持实时音频对话,还加入了抽象WebRTC处理的hook,以及6个示例函数展示客户端工具与实时API结合使用。项目开源免费,主要面向开发者,可用于快速搭建具有语音AI功能的Web应用。
使用OpenAI Assistants API和Next.js快速搭建聊天机器人应用
OpenAI Assistants API quickstart with Next.js 是一个使用OpenAI的Assistants API和Next.js框架快速搭建聊天机器人的模板项目。它支持流式传输、代码解释器和文件搜索等高级功能,旨在展示如何在Next.js应用中集成OpenAI的强大能力。
使用Next.js、Drizzle等技术构建的Duolingo克隆版
这是一个使用Next.js 14、React、Drizzle ORM、Stripe等技术构建的Duolingo克隆版网站。主要功能包括:AI语音学习、美化的组件系统、角色扮演、用户认证、声音效果、心形生命系统、积分/经验值系统、旧课程复习夺回心形、排行榜、任务里程碑、商店系统、付费无限心形、登陆页面、管理员仪表盘、ORM使用Drizzle、PostgresDB使用NeonDB、Vercel部署、移动端响应式等。定位为一款综合语言学习网站。
利用AI生成的Next.js开源应用模板。
Fragments是一个基于Next.js的开源模板,用于构建完全由AI生成的应用。它集成了E2B Sandbox SDK和Code Interpreter SDK,支持多种编程语言和框架,如Python、Next.js、Vue.js等,并支持多种人工智能大型语言模型(LLM)提供商,如OpenAI、Anthropic等。此模板特别适合希望快速启动并利用AI进行应用开发的开发者。
一个为RAG(检索增强生成)AI助手设计的React组件,可快速集成到Next.js应用中。
该产品是一个React组件,专为RAG(检索增强生成)AI助手设计。它结合了Upstash Vector进行相似性搜索、Together AI作为LLM(大型语言模型)以及Vercel AI SDK用于流式响应。这种组件化设计使得开发者可以快速将RAG能力集成到Next.js应用中,极大地简化了开发流程,同时提供了高度的可定制性。其主要优点包括响应式设计、支持流式响应、持久化聊天历史以及支持暗黑/浅色模式等。该组件主要面向需要在Web应用中集成智能聊天功能的开发者,尤其是那些使用Next.js框架的团队。它通过简化集成过程,降低了开发成本,同时提供了强大的功能。
使用AI快速创建令人惊叹的网站和落地页,无需编码技能,支持Next.js搭建。
Webdone是一款基于AI的网站和落地页生成工具,旨在帮助用户快速创建和发布高质量的网页。它通过AI技术自动生成布局和设计,支持Next.js框架,能够快速搭建高性能的网页。其主要优点包括无需编码技能、快速生成页面、高度可定制化以及优化的SEO性能。Webdone适合独立开发者、初创企业和需要快速搭建网页的用户,提供从免费试用到付费高级功能的多种选择。
Piny是一个强大的Astro、React、Next.js和Tailwind CSS的视觉编辑器。
Piny是一个强大的视觉编辑器,可用于Astro、React、Next.js和Tailwind CSS。它能够直观地编辑代码、浏览组件、并简化样式设计,无需特殊库或额外设置。Piny旨在帮助开发者快速编码、保持控制,并与他们喜爱的编码助手一起使用。
Codev 是一个将文本描述转换为全栈 Next.js 网络应用的人工智能平台。
Codev 是一个强大的 AI 驱动的开发平台,它能够将自然语言描述快速转化为功能完备的全栈 Next.js 网络应用。其核心优势在于极大地缩短了从创意到产品落地的时间,降低了开发门槛,即使是非开发者也能轻松上手。该平台背后有强大的技术支持,如 Next.js 框架和 Supabase 数据库,确保生成的应用具有良好的性能和可扩展性。它主要面向开发者和创意者,帮助他们快速实现想法,目前处于免费阶段,旨在吸引用户并拓展社区。
NextStarterAI:一站式开发套件,用于您的下一个项目。包括Next.js、Tailwind CSS、Supabase、Stripe、Lemon Squeezy等。
NextStarterAI是一个全面的开发套件,旨在帮助用户快速启动SaaS、AI工具或其他任何类型的Web应用程序。它提供了Next.js模板、着陆页组件、支付系统集成(Stripe/Lemon Squeezy)、营销指南、数据库解决方案(Supabase)、SEO标签、博客板块、邮件发送服务(Mailgun)等,以及终身更新。
一个集成了Gemini多模态直播和WebRTC技术的单文件应用
Gemini Multimodal Live + WebRTC是一个展示如何构建简单语音AI应用的示例项目,使用Gemini多模态直播API和WebRTC技术。该产品的主要优点包括低延迟、更好的鲁棒性、易于实现核心功能,并且兼容多种平台和语言的SDK。产品背景信息显示,这是一个开源项目,旨在通过WebRTC技术提升实时媒体连接的性能,并简化开发流程。
现代 React 框架
Next.js 是一个用于构建现代 React 应用程序的框架。它提供了许多功能和优势,包括服务器渲染、静态生成、热模块替换等。Next.js 的定价根据使用情况而定,定位于开发人员和企业用户。
简单、强大、灵活的网站生成框架
Nextra是一个简单、强大、灵活的网站生成框架,集成了您喜欢的Next.js的所有功能。它提供了简单易用的文档,易于安装和构建,支持实时渲染和调试。Nextra的核心和主题均可通过PNPM进行构建,并支持监视模式。它适用于个人网站、博客、文档站点等各种网站类型。
由Pagen AI创建的AI着陆页模板
Pagen AI Landing Page Template是一个由Pagen AI创建的AI着陆页模板,使用Next.js和Shadcn UI构建。它允许用户快速搭建一个专业的着陆页面,用于展示AI相关的产品或服务。该模板易于定制,支持本地开发和预览,适合需要快速上线AI项目展示页面的开发者和企业使用。
一个开源的编程助手工具,帮助开发者简化编程任务。
Coding-agent 是一个开源的编程助手工具,旨在通过集成先进的编程辅助技术来简化开发者的任务。它使用了 LangGraph 代理技术,能够生成高质量的代码响应。该工具基于 Next.js 和 CopilotKit 构建,具有高效性和易用性。它适用于开发者在日常编程中快速解决问题、生成代码片段和优化开发流程。作为一个开源项目,它为开发者提供了一个灵活且可定制的编程环境,同时通过社区的力量不断优化和扩展功能。
AI应用快速生成器
AnotherWrapper是一个AI应用快速生成器,旨在帮助开发者节省100多个小时的编码和头痛时间。它提供了一个全功能的Next.js AI启动套件,集成了多种AI模型和后端API路由,允许用户在沙盒中尝试并下载代码。产品背景信息显示,开发者Fekri在15个月内构建了约10个不同的AI应用,注意到在设置基础设施上浪费了大量时间,因此创建了这个工具以简化流程。产品定位于帮助用户快速启动AI创业项目,价格方面提供一次性付费,无限产品构建的选项。
一款用于AI驱动的Web应用、电子商务和仪表板的高级React组件集合
NextUI Pro是由NextUI的创建者制作的一款高级React组件集合,用于开发AI驱动的Web应用、电子商务和仪表板等项目。它提供了丰富的UI组件和设计系统,使开发者能够快速构建出现代化的用户界面。NextUI Pro支持使用React、Next.js、Tailwind CSS和其他技术进行定制开发,提供了丰富的功能和优势,并提供灵活的定价方案来满足不同项目的需求。
使用AI提示构建全栈应用
FULL STACK AI是一款使用AI CLI生成全栈Next.js应用的工具。用户可以通过输入AI提示来生成包含TypeScript、Tailwind、Prisma、Postgres、tRPC、认证、Stripe和Resend等功能的全栈应用。
多场景 Next.js 全栈 SaaS 开发模板。
Nexty 是一个功能齐全的 Next.js SaaS 全栈模板,让你能够快速构建各种商业网站,无论是内容站、工具站还是集成 AI 能力的付费网站。该模板提供完整的用户认证、支付、内容管理和 AI 功能,模块化设计帮助开发者专注于产品创新。
订阅起始模板
Next.js Subscription Starter是一个由Vercel、Stripe和Supabase提供的订阅起始模板。它提供了构建具有订阅功能的Web应用程序的基本结构和功能。该模板使用Next.js作为前端框架,Stripe作为支付处理平台,Supabase作为后端数据库和身份验证解决方案。您可以使用该模板快速搭建具有订阅功能的应用程序,并轻松管理用户的订阅计划。
构建和交付AI的Next.js模板和教程
SHIPGPT是一个前后端完整的AI模板,提供了各种AI用例的脚手架,使您能够构建自己的AI应用程序或将AI集成到现有技术中,无需雇佣全栈开发人员和AI开发包装器。
将OpenAI协议转换为Google Gemini Pro协议
Gemini-OpenAI-Proxy是一个代理软件。它旨在将OpenAI API协议调用转换为Google Gemini Pro协议,以便使用OpenAI协议的软件可以在不改变感知的情况下使用Gemini Pro模型。如果您有兴趣使用Google Gemini但不想修改软件,Gemini-OpenAI-Proxy是一个很好的选择。它允许您轻松地集成Google Gemini的强大功能,而无需进行任何复杂的开发工作。
一个开源的聊天应用,使用Exa的API进行网络搜索,结合Deepseek R1进行推理。
Exa & Deepseek Chat App是一个开源的聊天应用,旨在通过Exa的API进行实时网络搜索,并结合Deepseek R1语言模型进行推理,以提供更准确的聊天体验。该应用基于Next.js、TailwindCSS和TypeScript构建,使用Vercel进行托管。它允许用户在聊天中获取最新的网络信息,并通过强大的语言模型进行智能对话。该应用免费开源,适合开发者和企业用户使用,可作为聊天工具的开发基础。
快速AI语音助手
Swift是一个由Groq、Cartesia和Vercel支持的快速AI语音助手。它使用Groq进行OpenAI Whisper和Meta Llama 3的快速推理,Cartesia的Sonic语音模型进行快速语音合成,并实时流式传输到前端。VAD技术用于检测用户说话并运行语音片段上的回调。Swift是一个使用TypeScript编写的Next.js项目,并部署在Vercel上。
AuthGPTs是开发者的终极解决方案,用于保护API、管理用户,并对认证过程进行完全控制。
AuthGPTs是开发者的终极解决方案,用于保护API、管理用户,并对认证过程进行完全控制。它采用Next.js构建,提供定制化、OAuth 2.0授权、OTP邮件集成、端点安全性以及与Cloudflare和Next.js API的无缝集成。
快速构建MVP
Builco是一个基于AI的代码生成平台,旨在帮助开发者快速构建最小可行产品(MVP)。它支持使用Next.js 14的App Router和Server Actions,通过一键生成客户端和服务器端代码,极大地简化了开发流程。Builco还支持TypeScript、Prisma和Tailwind CSS,使得开发者可以专注于产品的核心功能,而不必在基础代码上花费过多时间。
集成Firecrawl的OpenAI实时API控制台
firecrawl-openai-realtime是一个集成了Firecrawl的OpenAI实时API控制台,旨在为开发者提供一个交互式的API参考和检查器。它包括两个实用库,openai/openai-realtime-api-beta作为参考客户端(适用于浏览器和Node.js),以及/src/lib/wavtools,后者允许在浏览器中简单管理音频。该产品是使用create-react-app创建的React项目,并通过Webpack打包。
Lychee是最新OpenAI模型驱动的终极AI聊天机器人!
Lychee是一款由最新的OpenAI模型驱动的AI聊天机器人。它提供了多个助手供您选择,包括开发者、教师、喜剧演员,甚至朋友。无论是写求职信还是讲笑话,Lychee都能帮助您。未来将推出定制助手等功能,让您拥有无限可能。告别压力,与Lychee一起迎接AI聊天机器人的未来!
在不使用第三方工具的情况下,将Google Sheets与OpenAI API连接
这个“脚本”可以让您在不使用Zapier或Make等第三方工具的情况下,轻松连接Google Sheets和OpenAI API。该脚本可以立即访问GPT-4和GPT-3.5模型的响应。无需订阅,即可使用免费的Gmail帐户访问。最棒的是,该脚本可以在后台持续运行,无需保持文件打开。通过这个脚本,您可以将OpenAI语言模型(GPT-4和GPT-3.5)的强大功能带到Google Sheets文件中,利用它们一次性为数千行内容创建内容。您可以根据多个数据点生成产品描述,根据可用数据为数千位客人创建个性化电子邮件,通过创建超级优化的AI内容进行程序化SEO,为遵循某种模式的任何内容生成内容等等。
© 2025 AIbase 备案号:闽ICP备08105208号-14