最近开发了一个 前端网页版的 YouTube 评论抽奖工具，适合直播、活动或社区抽奖使用。支持在线运行、导出 Excel，操作简单，无需服务器。

🌟 工具亮点

功能说明
抽奖模式百分比抽奖 / 指定楼层 / 随机楼层（最多 20 个，不重复）
重复用户处理同一用户中奖只保留第一次，可顺延重复楼层
数据导出中奖名单 Excel / 全部楼层明细 Excel
UI白天/黑夜模式切换，API Key 输入框默认隐藏为星号
实现方式纯前端 HTML/CSS/JS，无需服务器

📁 仓库地址

GitHub 仓库：https://github.com/sato-nagi/yt-lottery-tool
求个小星星⭐

📌 使用步骤

  1. 在线预览
    点击这里体验工具

  2. 输入 API Key

    • Google API Key（需启用 YouTube Data API v3）

  3. 输入视频信息

    • YouTube 视频链接或 ID

  4. 选择抽奖模式

    • 百分比模式：输入 1,3,5 → 抽取总楼层 1%、3%、5%
    • 指定楼层模式：输入 5,66,233 → 抽取第 5、66、233 楼
    • 随机模式：输入数量（最多 20）

  5. 可选参数

    • 自定义总楼层数（仅百分比模式有效）

  6. 操作按钮

    • 拉取评论 → 获取评论列表
    • 生成计算结果 → 计算中奖楼层
    • 顺延重复楼层 → 处理重复中奖用户
    • 导出 Excel → 保存中奖名单或全部楼层明细

⚠ 注意：抽奖基于评论倒序编号，置顶评论默认包含；浏览器需允许跨域访问 YouTube API。

💡 设计思路

  1. 纯前端实现

    • 使用 HTML/CSS 构建界面，JavaScript 负责数据处理和交互
    • 无需服务器，用户直接在浏览器操作即可

  2. 数据获取与处理

    • 利用 YouTube Data API v3 拉取视频评论
    • 评论列表按最新顺序倒序编号，自动生成楼层号
    • 支持过滤或顺延重复用户，保证抽奖公平

  3. 抽奖模式设计

    • 百分比模式：按总楼层计算抽奖楼层，支持自定义总楼层
    • 指定楼层模式：用户直接输入楼层，灵活抽奖
    • 随机模式：随机抽取指定数量楼层，最多 20 个，保证不重复

  4. 数据导出

    • 使用 SheetJS 将抽奖结果和全部楼层明细导出为 Excel
    • 前端完成导出，无需额外后端服务

  5. 用户体验优化

    • 白天/黑夜模式切换
    • API Key 输入框隐藏为星号保护安全
    • 清晰操作按钮与提示，让小白用户也能轻松完成抽奖

  6. 前端性能考虑

    • 评论数据和抽奖计算全部在前端处理
    • 避免不必要的 DOM 操作，提高页面响应速度

🛠 技术栈

  • HTML / CSS / JavaScript
  • YouTube Data API v3
  • SheetJS 用于 Excel 导出
  • 纯前端实现，无需服务器

🖼 截图预览