webページにおける、リアルタイムでのオブジェクトの移動の共有

Question

前提・実現したいこと

webページにおいて、

1.webページの閲覧者があるHTML要素をドラッグ＆ドロップで移動させられること。
2.その移動をリアルタイムで他の閲覧者が見られること。

を実現したいですが、どのような技術を用いればそれが可能なのでしょうか。
（1のみであれば、要素に cmanOMat="move" と属性を加えることで実現可能だと存じております。)

Comments

[m.ts10806]

目的は何でしょうか。対戦ゲームか何かでしょうか。

[yambejp]

他の閲覧者というのは当然別の場所の別のマシンでということですね？

[hy_]

別の場所の別のマシンです。

[hy_]

目的は、オンラインで福笑いゲームを作ることです。

[yambejp]

そうなるとすでに回答のあるwebsocketのように双方向にデータのやり取りが可能な
サーバー側の仕組みと、それに対応したフロント側のjsなどが必要です

Answer 1

websocketです
php websocket composerで検索したら二つほどwebsocketライブラリが出てきました

hy_ 2020/07/11 23:33

目的は、オンラインで福笑いゲームを作ることです。

その程度ならphp使うよりnodejs使った方が良いですよ。少なくともsocket通信に関してはphpよりは読み易いです。
nodejs環境作れないなら選択肢から外れますが。