🎬 视频二维码生成器

基于 Cloudflare Pages + Workers 的视频分享解决方案

生成视频二维码

二维码生成成功!

二维码

扫描二维码即可观看视频

二维码链接:

上传视频到 R2

🔐 需要鉴权:上传功能需要 API Key,请先在"设置"中配置 Worker URL 和 API Key
📹

点击或拖拽上传视频

支持 MP4, MOV, AVI, MKV 格式,最大 100MB

已选择文件:

✅ 上传成功!

二维码

扫描二维码观看视频

视频链接:
二维码链接:
文件大小:

我的视频列表

🔐 需要鉴权:查看视频列表需要 API Key

访问统计

💡 提示:统计数据来自 Worker 的 KV 存储,需要在 Worker 中绑定 STATS 命名空间

配置设置

Worker API 端点

部署 worker-secure.js 后的 Worker 地址
保存后会自动填充到上传和视频列表页面

部署架构

📦 Cloudflare Pages + Workers 分离部署

1. Pages 部署(本页面):
• 将此 index.html 部署到 Cloudflare Pages
• 或托管在任何静态网站服务上

2. Workers 部署(后端 API):
• 将 worker-secure.js 部署到 Cloudflare Workers
• 配置 R2 存储桶绑定
• 设置 API_KEY 环境变量
• 设置 R2_PUBLIC_URL 环境变量

3. 连接配置:
• 在上方填入 Worker URL
• 保存 API Key(可选)
• 测试连接确保配置正确

部署步骤

  1. 创建 Cloudflare Workers,粘贴 worker-secure.js 代码
  2. 在 Worker 中绑定 R2 存储桶,命名为 MY_BUCKET
  3. 设置环境变量 API_KEY(使用 api-key-generator.html 生成)
  4. 设置环境变量 R2_PUBLIC_URL 为你的 R2 公开域名
  5. (可选)绑定 KV 命名空间 QR_CACHESTATS
  6. 部署 Worker 并复制 URL
  7. 将此 index.html 部署到 Cloudflare Pages
  8. 在上方配置中填入 Worker URL 和 API Key

关于

这是一个基于 Cloudflare Pages + Workers + R2 的视频分享解决方案。 通过生成二维码,可以方便地分享视频给他人。

特点:
✅ 无服务器部署
✅ 全球 CDN 加速
✅ API Key 鉴权保护
✅ 动态生成二维码
✅ 访问统计功能
✅ 边缘缓存优化