Skip to content

ReelSync · 随时随地和另一个人同时观看一个视频 | Watch videos with someone in sync, anytime, anywhere.

License

Notifications You must be signed in to change notification settings

kev1nweng/reel-sync

Repository files navigation

ReelSync

简体中文 / English

HTML5 Vue.js Vite JavaScript Vercel

随时随地和另一个人同时观看一个视频 | Watch videos with someone in sync, anytime, anywhere.

路线图

上学比较忙,进度可能推进缓慢。欢迎 Fork 并贡献。

  • 点对点模式

    • WebRTC 实时视频流传输
  • 同源模式

    • WebRTC 播放进度和行为通讯
    • 端到端播放进度同步
    • 延迟测量
    • 考虑网络延迟的播放进度同步
    • 从节点视频操作请求
  • 实时聊天

    • WebRTC 文字消息传输
    • WebRTC 语音消息传输
  • 用户设置

    • 自定义设置 UI
    • localStorage API 配置存储
  • 跨平台应用

    • Capacitor 安卓应用
    • Capacitor iOS 应用
  • i18n 多语言支持 ←

    • StartView UI (CN/EN)
    • StreamView UI (CN/EN)
    • msg (CN/EN) ←
    • 手动切换?←

许可证

该程序在 GPL-3.0 许可证 下发布。有关更多信息,请参阅 LICENSE 文件。

部署

Deploy with Vercel⠀←⠀点击这个按钮部署到 Vercel(推荐)

部署环境变量

  • VITE_NODE_SERVER_URL - 你的 iceServer 服务器列表地址(API 格式参考 Cloudflare Call)
  • VITE_MAX_ACCEPTABLE_DELAY_SECONDS - 最大可接受延迟时间(秒)
  • VITE_SAME_ORIGIN_SYNC_INTERVAL_SECONDS - 同源模式下视频进度同步间隔时间(秒)

推荐的开发环境

VSCode + Volar (禁用 Vetur).

开发环境设置

git clone https://github.com/kev1nweng/reel-sync && cd reel-sync && npm i