爱意满满的作品展示区。
ArchiTech

在任意网页实时聊天的 Chrome 插件

  •  
  •   ArchiTech · Dec 31, 2016 · 9861 views
    This topic created in 3595 days ago, the information mentioned may be changed or developed.

    分享一个 Chrome 插件,可以在任意网页实时聊天评论,并且可以保存网页方便日后查询。

    初衷是觉得浏览到某个网页时想和别人讨论看看,然而网页不一定有评论框,即便有也不是实时的,所以便做了这个插件,爱聊天的朋友就可以畅所欲言了。

    这里下载插件: https://chrome.google.com/webstore/detail/qtime-extension/bldcellajihanglphncgjmceklbibjkk

    官网在这里: https://quotime.me/

    不用注册也可以用插件。

    我不懂怎么在 V2EX 贴截图诶。。。

    48 replies  •  2017-01-01 12:13:57 +08:00
    ixinshang
    ixinshang
    Dec 31, 2016 via Android❤️1
    1
    挺不错的
    imn1
    imn1
    Dec 31, 2016
    2
    这个运行原理是什么?是怎么找到一同浏览的人的?
    ArchiTech
    ArchiTech
    OP
    Dec 31, 2016
    3
    @imn1 判断当前的 url, 我现在在这个页面 https://www.v2ex.com/t/331386 你来就可以和我聊天
    imn1
    imn1
    Dec 31, 2016
    4
    @ArchiTech
    要聊天肯定要 socket 吧?这个 socket 是怎么打通的?
    说点实质吧:获取共同浏览人的 ip 么?
    Kilerd
    Kilerd
    Dec 31, 2016 via iPhone
    5
    @imn1 websocket 啊
    ArchiTech
    ArchiTech
    OP
    Dec 31, 2016
    6
    对的, websocket
    imn1
    imn1
    Dec 31, 2016
    7
    @Kilerd
    好吧,我语文不好
    我说的不是技术问题,说的是隐私问题
    我要确定我在骂巴萨的时候,巴萨球迷不能人肉我
    也要考虑给店家差评的时候……

    @ArchiTech
    想法 awesome ,不过我要考虑其他问题
    Kilerd
    Kilerd
    Dec 31, 2016 via iPhone
    8
    @imn1 只要服务提供商不返回 ip 这些东西,感觉会查不出来吧
    skydiver
    skydiver
    Dec 31, 2016 via iPad
    9
    问题是用的人不够多的话,很难找到人聊天
    batnss
    batnss
    Dec 31, 2016 via Android
    10
    10 多年前有这种工具 页面加一段 js 即可
    changwei
    changwei
    Dec 31, 2016 via Android❤️1
    11
    这种东西思路还听创新的嘛,楼上说十年前就有,我是不知道有这玩意儿。

    这思路其实很类似于视频弹幕一样,你我看到相同的内容,我们有感而发,大家互相看到。

    如果能大范围推广开来,就像前端人手安装一个百度 fe 插件那样火起来,还是很不错的
    ArchiTech
    ArchiTech
    OP
    Dec 31, 2016
    12
    @skydiver 没错。。所以和收藏网页链接的功能结合在一起了,网站首页列一下当前比较多访问的链接,尝试汇聚一下人流。
    ArchiTech
    ArchiTech
    OP
    Dec 31, 2016
    13
    @imn1 多谢 feedback
    rashawn
    rashawn
    Dec 31, 2016 via iPhone
    14
    难道以后看个网页还要点击屏蔽弹幕……
    ArchiTech
    ArchiTech
    OP
    Dec 31, 2016
    15
    @rashawn 哈~ 可以设置成默认是关闭的
    MonkeyDLuffy
    MonkeyDLuffy
    Dec 31, 2016
    16
    @ArchiTech 是不是玩挂了
    ArchiTech
    ArchiTech
    OP
    Dec 31, 2016
    17
    @MonkeyDLuffy 怎么了,我这里没问题。
    batnss
    batnss
    Dec 31, 2016 via Android
    18
    @changwei 需要站长主动加一段 js 然后长相就类似简洁版 qq 太久了 忘记叫啥了
    haiyang416
    haiyang416
    Dec 31, 2016 via Android
    19
    记得好几年前这里也有人发过这样的工具,不知道后来怎么样了。
    kn007
    kn007
    Dec 31, 2016
    20
    直接贴图地址就行了,话说什么时候完善成这样了,哈哈
    kn007
    kn007
    Dec 31, 2016
    21
    话说同个人不同窗口打开聊天窗口,现在虽然是会合并显示,但后面的窗口数没什么必要显示,而且目前有个 bug
    kn007
    kn007
    Dec 31, 2016
    22
    额,是自动改名了,自动加了个(2),多次就会重复加。
    exoticknight
    exoticknight
    Dec 31, 2016
    23
    这个其实就是跟服务器沟通吗?
    那服务器掉线了咋办
    ArchiTech
    ArchiTech
    OP
    Dec 31, 2016
    24
    @kn007 原来的 repo 里很久前就是这样了,但你好像没 pull 新版的去用
    ArchiTech
    ArchiTech
    OP
    Dec 31, 2016
    25
    @kn007 恩,我基本直接把旧的 code base 移植到 chrome 插件里了,按 url 划分房间的新用法和原来设计的情境不完全一样,所以有这些 bug ,等有空改改。。
    ArchiTech
    ArchiTech
    OP
    Dec 31, 2016
    26
    @exoticknight 恩,是跟服务器沟通,服务器接收以后再广播信息。
    服务器宕机这个问题不针对这个应用吧,一般都是跑多台服务器, load balancer 对每台服务器做 health check ,挑在线的服务器转发请求。
    如果两个人想私聊倒是可以考虑增加点对点的通讯,完全不用经过服务器。我并没有做这个功能。。
    solomaster
    solomaster
    Dec 31, 2016
    27
    你们都不看新浪 nba 的嘛? 这玩意一直都有。
    yangxiongwei
    yangxiongwei
    Dec 31, 2016
    28
    以前一次黑客马拉松,做了一系列有关弹幕的小玩意。

    其中有个就是,在任何网页,通过弹幕实时聊天的插件。
    ArchiTech
    ArchiTech
    OP
    Dec 31, 2016
    29
    @yangxiongwei 弹幕的形式确实有趣,不过不会影响用户点击原网页的内容吗?是用 Iframe 或者 canvas?
    exc
    exc
    Dec 31, 2016
    30
    刷新页面后图片就不显示了 不同页面的聊天信息都可以看到

    @ArchiTech 点对点通迅应该怎么实现 要经过服务器告诉彼此的 IP:Port 吗
    ArchiTech
    ArchiTech
    OP
    Dec 31, 2016
    32
    @exc 对的,两个都是实际存在的 bug, 有时间会尽快修 :P
    我还没做点对点的功能呢,服务器肯定要的,如果做的话应该会直接用这个库-http://socket.io/blog/socket-io-p2p/ , 双方先经过服务器交换数据然后升级为 p2p 协议。。。
    选这个是因为觉得 socket.io 挺好用的,所以估计这个也不错。
    ArchiTech
    ArchiTech
    OP
    Dec 31, 2016
    33
    @liaoyaoheng lol, 那个只是 Incognito Window 啦!
    kn007
    kn007
    Dec 31, 2016
    34
    @ArchiTech 新版我有在你那边测试过,没什么问题,不会出现(2),嘿嘿。
    我主要是因为不想让其他人知道都有谁在,所以没更新。而且新的代码记得变动大了,我要重新理一遍。

    我说的窗口数,主要指 name 后面会带(2)。

    @liaoyaoheng 隐身模式就黑了。

    @exc 主要是因为聊天记录的储存方式所致,图片内容如果以 base64 的话,多的话,会占用过多空间。服务器本身不储存图片。
    kn007
    kn007
    Dec 31, 2016
    35
    @exc 至于不同页面聊天信息一致问题,可能因为是目前处于同一个房间(概念上),@ArchiTech 到时可能会对页面( host 、 req )这块做出处理,就可以不同 tab 不同聊天室,或者不同站点不同聊天室了。
    kn007
    kn007
    Dec 31, 2016
    36
    我想到个比较大的问题,就是我们的 block 系统没做好。(新版我记得也不行,只能 close ,但是还能重新请求)
    如果到时有人四处发 ad 怎么办?
    kn007
    kn007
    Dec 31, 2016
    37
    kick 我记得上次试了,并未用?
    或许我记错。
    FreeDog
    FreeDog
    Dec 31, 2016❤️1
    38
    增加屏蔽话不投机的人功能才好玩~ 不然都是小广告什么的很烦
    hebeiround
    hebeiround
    Dec 31, 2016 via iPhone
    39
    这个功能之前见过蛮多的。
    只是大部分做成标注类型的
    这样的实时聊天倒是很有意思
    caomu
    caomu
    Dec 31, 2016 via Android
    40
    google 曾经有过一个 sidewiki ,后来的 google+也有类似的网页评论功能。。。后来。。。
    lain0
    lain0
    Jan 1, 2017❤️1
    41
    官网上说此项目是开源的,



    可以把源代码公布一下吗?
    dphdjy
    dphdjy
    Jan 1, 2017 via Android❤️1
    42
    如果抛开网页评论,这个功能几年前火狐出过一个,一行 js 引入实时协作,可以记录聊天内容,同步网页修改什么的。。。
    xlvecle
    xlvecle
    Jan 1, 2017❤️1
    43
    几年前很想做个这样的评论的软件,楼主有心了
    kn007
    kn007
    Jan 1, 2017
    44
    @lain0 详见 Github 。
    kn007
    kn007
    Jan 1, 2017
    45
    @lain0 下面有个“关于”,看网页,不看 footer 么?
    lain0
    lain0
    Jan 1, 2017
    46
    @kn007 看到了,谢谢。没有注意到 GitHub 链接在「关于」里。
    kn007
    kn007
    Jan 1, 2017
    47
    @lain0 不客气
    Rice
    Rice
    Jan 1, 2017 via iPhone
    48
    至少 5 年前就有这玩意,是 js 实现,弹幕式聊天,后来可能倒闭了吧
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   1973 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 68ms · UTC 16:43 · PVG 00:43 · LAX 08:43 · JFK 11:43
    ♥ Do have faith in what you're doing.