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

pp4.0 发布,有点小激动

  •  2
     
  •   bshu · 2020-06-01 10:09:34 +08:00 via Android · 5970 次点击
    这是一个创建于 1638 天前的主题,其中的信息可能已经有所发展或是发生改变。
    早就计划对皮皮直连大改版,提升一下 ui 和交互,本来计划请个专业设计师做设计,找了几个沟通一下,发现不是很靠谱,所以只能自己多花点时间琢磨了。
    最后总体效果自己还是比较满意的。主要是 logo 和整体风格花了茫茫多时间,这两个搞定后,代码调整没两天就 ok 了。给自己加个油,离预期又近了一步


    另外:新增加用户登录功能,主要用于个人多设备自动连接。同一个账号可以同时登录多个设备,登录后所有同账号在线设备自动连接,所以,不同设备上打开网站就自动连接在一起,简便很多。

    https://www.ppzhilian.com/
    43 条回复    2020-06-03 18:21:33 +08:00
    justin2018
        1
    justin2018  
       2020-06-01 10:27:58 +08:00
    楼主 友情链接 https://music.qugeek.com/ 这个站点 打不开~
    labulaka521
        2
    labulaka521  
       2020-06-01 10:28:16 +08:00
    厉害 这是通过 webrtc 做的吗
    lingo
        3
    lingo  
       2020-06-01 10:30:39 +08:00   ❤️ 1
    #q-app > div > div.q-page-container > div > div.bg-grey-3 > div > div.text-center.col-xs-12.col-sm-4 > div.text-left > div:nth-child(3) > div.col-auto.statement-subtitle

    这个节点的文字溢出来了。
    bshu
        4
    bshu  
    OP
       2020-06-01 10:40:59 +08:00   ❤️ 1
    @justin2018 这个有点尴尬,之前也是在 v2 中,一个站长和我做友链,中间有好几天他的网站点不开,我以为挂了,就替换了,可是几天后又能访问了,就又帮他加上了,现在又有问题了,替那个兄弟操心
    bshu
        5
    bshu  
    OP
       2020-06-01 10:43:03 +08:00
    @labulaka521 主要是 webrtc,中间还涉及 websocket 、mediastream 、canvas 等各种各样的东西,有些技术虽然支持好几年了,但是各种坑,基本上在坑里爬行
    bshu
        6
    bshu  
    OP
       2020-06-01 10:43:44 +08:00
    @lingo 非常感谢,我稍后修复这个问题。
    uuker
        7
    uuker  
       2020-06-01 11:34:05 +08:00   ❤️ 1
    很棒的产品,已经保存我的书签上了。
    一个小建议,当前的文案偏技术。
    bshu
        8
    bshu  
    OP
       2020-06-01 12:06:10 +08:00
    @uuker 好的,明白,会逐步改掉。把一些偏技术的说法翻译成通俗的话也是个技术活
    whileFalse
        9
    whileFalse  
       2020-06-01 13:24:47 +08:00
    在同一台电脑开了俩浏览器。无法连接。

    “ICE failed, add a STUN server and see about:webrtc for more details”
    sorry
        10
    sorry  
       2020-06-01 13:28:03 +08:00
    试了下,很 nice !
    bshu
        11
    bshu  
    OP
       2020-06-01 13:46:46 +08:00 via Android
    @whileFalse 请问一下你两个浏览器分别是什么?这个网站需要比较新版本的浏览器,因为大量技术都是需要高版本内核支持的。如果是国内那种 chromium 套壳的,需要升级到最新版,否则可能用的内核版本太低,导致无法支持
    whileFalse
        12
    whileFalse  
       2020-06-01 14:35:51 +08:00
    @bshu #11
    Chrome 83.0.4103.61 (正式版本) ( 64 位)
    Firefox 76.0.1 (64 位)

    On macOS 10.15.5 (19F96)
    bshu
        13
    bshu  
    OP
       2020-06-01 14:55:07 +08:00
    @whileFalse 多谢反馈,从浏览器来看这两个都是支持的,出现你刚才说的问题估计是连接 ice 服务器出问题了,可以刷新一下页面重新尝试一下。或者,也不需要开两个浏览器,打开 chrome,在一个 tab 中访问网站,另开一个 tab 就可以连前面一个就行。这个网站临时网址一个 tab 一个地址,可以支持多开。但是如果是登录帐号,那么一个浏览器只支持一个帐号
    bshu
        14
    bshu  
    OP
       2020-06-01 15:00:21 +08:00
    @whileFalse 注意:同一个浏览器或者同一个电脑上测试文件传输的速度会比局域网内两台设备的传输慢一些,因为这个传输速率除了和网络有关,和 cpu 性能也有关,同一个设备上传和送会相互影响
    mgrddsj
        15
    mgrddsj  
       2020-06-01 17:29:35 +08:00   ❤️ 1
    英文版网页下方推荐浏览器里面三星浏览器打错了,打成了 Sumsung, 应该是 Samsung.
    bshu
        16
    bshu  
    OP
       2020-06-01 17:34:38 +08:00
    @mgrddsj 汗,多谢提醒,稍后修复掉。之前测试浏览器兼容性时,发现三星浏览器很好用,所以在网站上就推荐了
    Acoffice
        17
    Acoffice  
       2020-06-01 18:27:46 +08:00
    这个版本好多了
    tf141
        18
    tf141  
       2020-06-01 18:34:34 +08:00   ❤️ 1
    之前发了篇文章介绍了楼主的网站,可惜我的网站用户太少,没帮大佬带点流量
    bshu
        19
    bshu  
    OP
       2020-06-01 18:42:54 +08:00
    @tf141 非常感谢,你网站是哪个?之前好多朋友帮我做体验介绍和推荐,甚至推到大型的新闻站内,我通过 google 统计,如果能找到来源,都会格外留意和记录的,我在 3.0 发布时还专门表达了感激之情。
    也因为看到你们的认可,觉得确实被一些人需要,所以才越做越深入,在 2.0 之后又推出了 3.0,4.0,甚至还有规划中的 5.0 。
    woncode
        20
    woncode  
       2020-06-01 18:43:29 +08:00 via Android
    看起来很棒,是我以前想做的一个工具,插个眼,后面试试
    depress
        21
    depress  
       2020-06-01 18:47:39 +08:00
    第一次发现三星浏览器这么有牌面 2333
    tf141
        22
    tf141  
       2020-06-01 18:49:07 +08:00
    @bshu 小破网站,一天才几百 IP,不拿出来献丑了
    bshu
        23
    bshu  
    OP
       2020-06-01 18:49:50 +08:00
    @Acoffice HI,我记得你,之前帮我提了很多意见,好像本来说要发你一份前端部署代码的,后来没发成,一来一直不太满意之前的东西,所以一直在不断的修改,看得见的是 UI 和交互,看不见的是代码优化和性能提升,感觉实在不知道该拿哪个给你,因为几天后新的版本可能就上线,给你的就可能和后台不太兼容了;二来请把你邮箱发到我网站下方的邮箱里(请注明身份),等这个版本 4.0 这个版本文档下来就发你一份,如果你觉得可以等等,那就等 5.0 出来后
    bshu
        24
    bshu  
    OP
       2020-06-01 18:56:25 +08:00
    @tf141 后面我会统计一个对这个产品有帮助的网站与个人,专门做个感谢清单,希望不会错过你的网站
    tf141
        25
    tf141  
       2020-06-01 18:58:33 +08:00
    @bshu 估计不会有吧,如果有出现的话还是谢谢了
    7hens
        26
    7hens  
       2020-06-01 19:25:26 +08:00 via Android
    666,支持~
    Acoffice
        27
    Acoffice  
       2020-06-01 19:31:15 +08:00
    @bshu #23 哈哈哈 好的,可以,我这就发,可以等 5.0 的.
    putaozhenhaochi
        28
    putaozhenhaochi  
       2020-06-01 19:34:27 +08:00
    蛮有意思的作品
    Acoffice
        29
    Acoffice  
       2020-06-01 19:36:14 +08:00
    @bshu #23 我觉得 pplink.link 之前比这个域名更快,现在这个访问加载有点慢.
    这个 https://www.ppzhilian.com/js/vendor.ddb9932b.js 耗时 11s,可以优化一下.
    还有三个 css 404 了.
    nziming
        30
    nziming  
       2020-06-01 19:52:53 +08:00
    你好,我刚才开两个浏览器玩了一下,发现连接之后,一端如果发了消息,另一端就会有红点提示,但是接收的这一端没有任何网络请求,这是什么技术呀,怎么做到的呢, 非常好奇
    ----来自一名后端真诚的发问
    bshu
        31
    bshu  
    OP
       2020-06-01 20:21:59 +08:00
    @Acoffice 慢可能是访问人过多,我稍后会部署到 cdn 上;代码体积是准备优化的; 404 等下我查一下原因。
    bshu
        32
    bshu  
    OP
       2020-06-01 20:26:24 +08:00
    @nziming webrtc,数据走的是 UDP,在局域网和可穿透网络里,数据直接从一个设备通过 UDP 发送到另一个设备,不会通过服务器。你网页里能看到的网络请求,都是 tcp 数据。
    bshu
        33
    bshu  
    OP
       2020-06-02 09:22:25 +08:00 via Android
    谁帮忙点评一下新 logo 咋样?做了一个自己不擅长的东西,虽然自己小得意,但是还没有晕头到以为多么优秀。ui 可以修修补补,改头换面的,但是 logo 如果动不动就换一个,还是觉得太随意了
    mclxly
        34
    mclxly  
       2020-06-02 11:45:46 +08:00
    功能不错,但小米自带浏览器无法视频,开启即重启
    bshu
        35
    bshu  
    OP
       2020-06-02 14:56:39 +08:00 via Android
    @mclxly 国内手机浏览器虽然基于 chromium 内核,要么阉割了功能,要么魔改了,无法支持此产品全部功能,如果需要使用,请尝试 chrome,firefox,edge 等
    cydian
        36
    cydian  
       2020-06-03 00:46:51 +08:00 via Android
    @bshu 新 LOGO 非常好看。
    我个人比较喜欢的种类。
    其实可以尝试动态 LOGO
    让那个无限符号动起来!
    alizee
        37
    alizee  
       2020-06-03 07:17:21 +08:00 via Android
    功能不错
    bshu
        38
    bshu  
    OP
       2020-06-03 08:37:08 +08:00
    @cydian 多谢肯定,如果是动态 logo,那么必然占用资源,心疼啊。一直在优化代码,降低资源消耗,能不动态就尽量不动态了,甚至动过放弃框架写原生的想法,只是工作量比较大,所以还没有行动。蚂蚁腿也是肉啊
    rizon
        39
    rizon  
       2020-06-03 13:45:54 +08:00
    没想到大佬居然在 v 站。
    先赞一下,目前我用到的所有基于 webrtc 的 p2p 网页传输工具,唯一好用的就是 pplink 了。

    ---

    我昨天晚上用,我说界面怎么变了。。。

    我得说新界面我目前还没喜欢上,,,功能分到不同的 tab 页让操作变得繁琐好多。。。

    再有就是有个问题 大文件传输好像是不太好用(基本表现就是下载不下来),我不知道这是 webrtc 本身的问题还是 chrome 浏览器问题还是 程序原因。
    v2eing
        40
    v2eing  
       2020-06-03 16:09:38 +08:00
    非常棒的产品,已经经常用了,特别是临时性的互传一些文字信息很方便。
    bshu
        41
    bshu  
    OP
       2020-06-03 16:10:24 +08:00
    @rizon 改版这个确实会让一些老朋友突然觉得不方便,但是希望能坚持多试几次,如何还是发现用起来难受和别扭的地方,可以发邮件反馈给我,改版也是经过慎重考虑的,也许试几次发现更方便呢。大文件传输这个,能详细描述一下碰到什么问题吗?因为我自己使用比较正常,而且也没有收到这个问题的过多反馈。大文件传输和小文件传输在技术上确实采用了不同的技术实现。小文件是直接先缓存在内存中,然后传输完成后下载,清除;大文件不可能全部缓存在内存中,所以内存只是缓存极小一部分内容,然后是边传输边保存到硬盘的。chrome 和 firefox 试过都比较好支持这个技术,safari 不可以。如果方便麻烦再尝试一次,然后反馈给我,我查查原因
    bshu
        42
    bshu  
    OP
       2020-06-03 16:26:27 +08:00
    @v2eing ^!^,我自己用这个产品最多的就是剪贴板同步,时不时需要在手机和电脑之间传个内容,短信啊、消息啊、网址啊、电话号码啊,能传的都传,唉,自己快懒到一个字都不想手打的程度了
    hanguofu
        43
    hanguofu  
       2020-06-03 18:21:33 +08:00
    做这种东西会不会吃免费饭啊 ?
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3546 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 36ms · UTC 10:50 · PVG 18:50 · LAX 02:50 · JFK 05:50
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.