V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
iamtsm
V2EX  ›  分享创造

webrtc 网页在线数据传输网站,滴滴滴

  •  
  •   iamtsm ·
    iamtsm · 2023-09-25 13:15:39 +08:00 · 3335 次点击
    这是一个创建于 425 天前的主题,其中的信息可能已经有所发展或是发生改变。

    最近又更新了很多功能,快来体验~

    无延迟(群聊,私聊,公共聊,文件传输,直播,多人音视频,多人屏幕共享,多人语音连麦,屏幕录制,多人画板,文件暂存),这么多功能,完整开源,一键部署,欢迎体验,自行部署,滴滴滴。

    演示网站 : https://im.iamtsm.cn 开源地址 : https://github.com/tl-open-source/tl-rtc-file

    14 条回复    2023-11-07 14:12:18 +08:00
    justin2018
        1
    justin2018  
       2023-09-25 13:22:03 +08:00
    感谢分享

    昨天还在看如何实现文件传输 今天就有代码可以学习了 赞一个~~~
    flyqie
        2
    flyqie  
       2023-09-25 13:39:42 +08:00 via Android
    没细看代码, 但看架构似乎并无 sfu 或 mcu ?

    这样多人的话流量消耗似乎挺大?
    iamtsm
        3
    iamtsm  
    OP
       2023-09-25 13:49:49 +08:00
    @flyqie 目前是 mesh ,是的,后面打算补充 sfu
    iamtsm
        4
    iamtsm  
    OP
       2023-09-25 13:49:59 +08:00
    @justin2018 滴滴滴
    K2
        5
    K2  
       2023-09-25 18:24:09 +08:00
    感觉自己的 cn 域名厌恶症越来越严重了。
    iamtsm
        6
    iamtsm  
    OP
       2023-09-25 23:30:46 +08:00
    还有没有什么功能可以做出来的建议?
    loveqianool
        7
    loveqianool  
       2023-09-26 04:46:16 +08:00
    https://www.ppzhilian.com 可以抄抄 PP 直连
    设置自定义房间,不点退出房间的话可以一直在一个房间,现在是刷新后又要创建一个新房间,手机输入房间号挺麻烦的。
    房间可以设置在局域网内自动发现,同账户房间自动发现。
    扫描二维码快速加入房间,手机和电脑快速传输文件。
    超长文本快速复制,我用电脑向手机发送一段长文本,需要选择,往上往下拉才能复制消息,能不能给个按钮,按一下复制消息内容。
    功能那里左右移动的滚动条太短小了,一开始都没发现右边还有功能。
    可选的关闭公共聊天,现在公共聊天一直有一个小红点,强迫症用户会很难受。
    MossFox
        8
    MossFox  
       2023-09-27 15:32:18 +08:00   ❤️ 1
    @iamtsm #6
    有,WebRTC 既然走的是 P2P ,可以来一个测试端对端通讯延迟和稳定性的功能。

    举个例子,有的联机游戏会走 P2P ,但是因为例如其中一方的无线网非常辣鸡或者中间网络线路很烂,即使两边玩家各自测速是正常的,实际的玩家之间的 UDP 通讯 [稳定性] 会很难直接测试。

    我之前花了一天半给自己整了一个走 WebRTC 的浏览器里面能跑的测试 UDP 通讯稳定性的东西,
    https://udp-ping.dev.mxowl.com/
    对于这个测试页面里面的稳定性测试,有公网 IP 的服务端直接作为了一个 WebRTC Client ( createOffer ),所以即使 NAT 类型不佳、没法打洞的客户端环境也能成功建立连接。然后,为了测试连接稳定性,会以每秒 60 次的速度发带序号的 ping pong 文本信息。
    延迟图像越接近一条直线,说明稳定性越好。

    因为写得太匆忙太丑陋了所以就没开源,但核心原理很直接,写类似功能的话应该不会有太多坑。可以试试看,因为类似的功能似乎很少见,现在大部分都是网络测速服务,能测试稳定性的网络测试工具 Cloudflare 的那个在国内又没有节点。

    (这个页面的 NAT 类型测试仅供参考,原理是批量请求几个 stun 服务器然后检查出口端口号是否唯一,但是没有额外检查 stun 服务器的请求到底有没有成功、也没有真正建立连接测试连通性。其实能修,但这个工具目前就自己用的所以懒得修了)
    qizhiyuan
        9
    qizhiyuan  
       2023-09-27 18:22:11 +08:00
    @MossFox 工具很有用! 比心
    iamtsm
        10
    iamtsm  
    OP
       2023-09-27 19:41:50 +08:00
    @MossFox 这个我也一直想做,但是没有特别合适的思路来做这个,你这个有相关代码参考看看吗
    iamtsm
        11
    iamtsm  
    OP
       2023-09-27 19:44:30 +08:00
    @MossFox 刚刚有体验了一下,做的很好。
    iamtsm
        12
    iamtsm  
    OP
       2023-11-03 17:59:22 +08:00   ❤️ 1
    @loveqianool
    自定义房间号已支持
    局域网房间扫描已支持
    二维码已支持
    文本复制已支持
    消息红点开关已支持
    loveqianool
        13
    loveqianool  
       2023-11-07 09:46:53 +08:00
    @iamtsm 我看你完全不懂哦
    iamtsm
        14
    iamtsm  
    OP
       2023-11-07 14:12:18 +08:00
    @loveqianool 不是很懂哪里有问题,还请指点一二
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2823 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 07:38 · PVG 15:38 · LAX 23:38 · JFK 02:38
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.