通过 Google Drive API 获取共享文件夹中的视频列表,并在页面中打开视频预览。
index.html:静态页面(直接调用 Google Drive API)
在 index.html 中配置:
DRIVE_API_KEY:Google Drive API KeyDRIVE_FOLDER_ID:共享文件夹 ID
共享文件夹需设置为“任何人可查看”。
- 将项目推送到 Git 仓库(或直接导入目录)。
- 在 Vercel 中选择该仓库创建新项目。
- 选择 Framework 为 Other。
- Build Command 可留空。
- Output Directory 填写:
.
- 部署完成后访问站点即可。
- 访问首页后会通过 Google Drive API 拉取文件列表。
- 点击“打开”会在新标签打开对应视频预览。
直接在共享文件夹中新增/删除视频即可生效(无需重新部署)。