AI导哈

YouTube连接器服务器

YouTube连接器服务器为AI代理提供YouTube数据API v3的编程接口，支持视频搜索、获取视频详情、频道信息、字幕、评论和播放列表等功能。

  • by ShellyDeng08
  • TypeScript
  • 本地部署
  • 1 星标
  • 更新于
在 GitHub 查看 ShellyDeng08/youtube-connector-mcp-website

使用说明

YouTube连接器MCP-网站

登录页面 YouTube连接器MCP 服务器。

youtube-connector-mcp-website 展示了MCP服务器 YouTube数据API v3，允许AI代理像 Claude、Cursor、Cline、Windsurf、Continue.dev、Grapes AI 以编程方式与YouTube交互。

🌐 现场演示: https://youtube-connector-mcp-website.vercel.app/
📦 服务器回购: https://github.com/ShellyDeng08/youtube-connector-mcp

技术栈

  • Next.js 16 -带有App Router的React框架
  • TypeScript -类型安全开发
  • 顺风CSS v4 -实用性优先的造型
  • shadcn/ui -预构建的可访问组件
  • Lucide图标 -漂亮的图标集

发展

# Install dependencies
npm install

# Run development server
npm run dev

# Build for production
npm run build

# Preview production build locally
npm run start

部署

此站点配置为静态导出和部署到 维塞尔.

部署到Vercel（推荐）

  1. 安装Vercel命令行界面 （一次性设置）

    npm i -g vercel

  2. 登录Vercel

    vercel login

  3. 部署您的网站

    # From this directory
vercel --prod

# Or specify the project if needed
vercel --prod --yes

Vercel将自动检测Next.js并使用 vercel.json 根目录中的配置。

通过Vercel仪表板

  1. 将代码推送到GitHub
  2. 打开 vercel.com/dashboard
  3. 点击“添加新项目”
  4. 从GitHub导入： ShellyDeng08/youtube-connector-mcp-website
  5. Vercel自动检测Next.js和 vercel.json
  6. 点击“部署”

手动部署

# Build the site
npm run build

# Upload the `out/` folder to any static hosting provider

演示数据更新

演示场景 docs/terminal-demo-script.json 充满了 实际MCP工具测试结果:

  • 搜索：“MCP”的真实YouTube搜索结果
  • 视频详细信息：来自Claude Code视频的实际数据(AJpK3YTTKZ4)
  • 转录本：Claude Code视频中的真实转录片段
  • 评论：来自Claude Code视频的真实评论数据
  • 频道：Anthropic的真实频道统计数据（3.66万订阅者，1270万浏览量）
  • 播放列表：带有实际视频列表的AI Fluency课程播放列表

要更新演示数据，请执行以下操作：

  1. 运行实际的MCP工具以获得新的结果
  2. 更新 terminal-demo-script.json 包含新数据的文件
  3. 演示组件使用此JSON进行播放

项目结构

app/                 # Next.js app directory
├── layout.tsx      # Root layout with fonts and theme
├── page.tsx         # Main landing page
└── globals.css       # Global styles

components/
├── ui/              # shadcn/ui components
├── Hero.tsx         # Hero section with gradient background
├── Demo.tsx          # Interactive terminal demo with playback controls
├── Features.tsx      # Bento grid of 6 features
├── Installation.tsx  # Multi-tab installation guide
└── Footer.tsx        # Site footer

docs/
├── plans/            # Design documents
└── terminal-demo-script.json  # Demo scenarios data

lib/
└── utils.ts          # Utility functions (cn helper)

可用的MCP工具（7）

该网站记录了MCP服务器上的这些可用工具：

工具 说明 示例
youtube_search 搜索视频、频道、播放列表 youtube_search("query", { maxResults: 3 })
youtube_get_video 获取视频元数据、统计信息 youtube_get_video("ID", ["snippet", "statistics"])
youtube_get_channel 获取频道信息 youtube_get_channel(channel_id)
youtube_get_transcript 获取带有时间戳的视频记录 youtube_get_transcript("ID", "en")
youtube_get_comments 获取视频评论 youtube_get_comments("ID", { maxResults: 3 })
youtube_get_playlist 获取播放列表详细信息和视频 youtube_get_playlist("ID", { maxResults: 5 })
youtube_list_playlists 列出某个频道的所有播放列表 youtube_list_playlists(channel_id)

备注：分析API是 不可用 -它需要OAuth身份验证，而此MCP服务器使用的简单API密钥方法不支持该身份验证。

SEO关键词

YouTube MCP网站，YouTube MCP服务器，MCP连接器，Claude MCP YouTube，光标MCP YouTube，AI YouTube API，模型上下文协议YouTube

许可证

MIT许可证-查看父项目 许可证.

相关 MCP