u2web

多源多线程下载的 P2P 视频分享站点。Vue 3 (<script setup>) + TypeScript + Tailwind CSS 4 + Vite, 播放引擎为 fastloadjs(MSE DASH + WebRTC P2P)。

DEMO https://u2web.pages.dev/

快速开始

pnpm install        # 或 npm install
pnpm dev            # 本地开发 http://localhost:5173
pnpm build          # 类型检查 + 生产构建 (dist/)
pnpm typecheck      # 仅 vue-tsc 类型检查

部署

站点部署在 Cloudflare Pages(https://u2web.pages.dev/),Pages 项目绑定部署仓库 suconghou/ustream-pages 的 master 分支。

推送到 master/main(或手动触发 "Build and publish")时,GitHub Actions 自动构建并把 dist/ 同步到部署仓库,由 Pages 完成发布。同步只覆盖构建产物,部署仓库中的 functions/ 与 README.MD 会被保留,上一轮残留的指纹文件由 rsync --delete 清理。

需在仓库 Settings → Secrets 配置 PAGES_TOKEN(对 suconghou/ustream-pages 有写权限的 PAT), 否则发布步骤跳过,仅做构建校验。

部署到其他静态服务时,用 VITE_BASE 指定资源根地址:

VITE_BASE='https://assets.suconghou.cn/u2web/static/dist/' pnpm build

后端配置

默认后端地址在 src/service/index.ts,均可在站点"设置"页覆盖(存于 localStorage):

键	作用	说明
apibaseurl	内容 API	如 https://your-api.example.com/video/api/v3
baseurl	视频解析服务	多源用 ; 隔开,支持相对路径(同源部署)
ws	信令服务器	留空则不启用 P2P

多源示例:/video;https://stream.pull.workers.dev/video —— 当前域名与 cf workers 两个地址负载 均衡,首个地址权重更高,不可用后自动重试其他地址。

可用的后端项目:videoproxy(Go 全功能)、 u2proxyapi(Python)、 u2worker(cf workers 中转)、 netlifyworker(netlify 中转)、 signalserver(信令)。

后端部署在本机且希望走同源代理(免 CORS)时,取消 vite.config.ts 中 server.proxy 的注释并 把 target 指向实际地址。

P2P

默认关闭,填写信令服务器后启用。同一信令服务器下,且播放同一资源(Chrome/Firefox 用 webm、 Safari 用 mp4)、同一清晰度时才相互分享;level 参数控制清晰度分组,分组越小越容易聚合。

嵌入播放页

独立的嵌入页 /play,通过 URL 参数配置,适合 iframe 引用:

<iframe src="https://your-domain/play?v=视频ID&audio=false&level=0&nop2p=false&screenshot=true&playlist=播放列表ID"></iframe>

参数	默认	说明
v	必填	视频 ID
audio	false	音频模式(带播放列表面板)
level	0	清晰度分组 1/2/3
nop2p	false	关闭 P2P
screenshot	true	截图按钮(快捷键 s,Safari 不支持 MSE 截图已屏蔽)
playlist	空	播放列表 ID,audio 模式下自动连播

浏览器支持

播放依赖 MSE,需现代浏览器(Chrome/Firefox/Edge/Safari 桌面版;iOS 移动端 Safari 不支持, iPadOS 13+ 支持)。

本项目仅作为学习使用,切勿用作其他用途。

更多说明可参考 https://blog.suconghou.cn/post/mse-p2p-player/