【问题标题】:php code to make live html canvas for two clients on the internet [closed]php代码为互联网上的两个客户端制作实时html画布[关闭]
【发布时间】:2013-12-11 05:48:22
【问题描述】:

我需要 html、PHP、Jquery 代码来为两个在线用户制作实时 html 画布(如白板),这样如果其中一个用户在画布上更新,那么另一个用户可以在现场看到它。有没有实现这个画布的想法。在 php.ini 中需要为此目的的代码。 我在互联网上找到了一个代码示例,我链接了here

我需要这段代码,以便两个用户可以使用绘图或在 html 画布上书写进行交互。

以下是示例的快照

【问题讨论】:

    标签: javascript php jquery html canvas


    【解决方案1】:

    我可以给你一些起始信息:

    Websockets 是一种允许分布式计算机通过公共服务器进行通信的方法。

    像 Ratchet 这样的库会在 PHP 服务器上为您处理 websocket:

    http://socketo.me/docs

    要有效地结合多个用户在画布上的绘图工作,您必须捕获每个用户的每个最新绘图命令,并将这些最新命令分发给所有其他用户。下面是一个如何序列化画布绘图命令的例子:

    http://ramkulkarni.com/blog/deserializing-recordings-in-recordable-html5-canvas/

    完整的答案(需要服务器配置)超出了 stackoverflow 答案的范围。

    祝你的项目好运!

    【讨论】:

    • 谢谢你的回答,我明白了。
    【解决方案2】:

    要实现实时画布范例,您必须利用 WebRTC。 WebRTC 是一个免费的开放项目,它通过简单的 JavaScript API 使 Web 浏览器具有实时通信 (RTC) 功能。

    我建议查看文章Getting Started wih WebRTC

    有关官方信息,请查看WebRTC.org

    -学习愉快!

    【讨论】:

    • 我认为是用于视频通信,但我需要通过画布提供通信。仍然感谢您的宝贵回答。
    • WebRTC 目前最为人所知的是视频聊天。但是,WebRTC 可以有多种用途,因为它的主要目标是在云网络中的对等点之间提供实时通信。您想要的是将画布中的实时事件实时显示到另一个 Web 浏览器上。 Web RTC 可以提供此功能——只是尚未构建。你可以成为他第一个实现这个奇妙的想法!
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-09-24
    • 1970-01-01
    相关资源
    最近更新 更多