Websocketとは


リアルタイムプレゼンテーション

プレゼンをすることになった。 いつものようにパソコンをプロジェクターに繋いで、スマフォから操作するのは面白みがない。 さあ presefy.comを使うと、powerpointをアップロードするとプレゼンを画像に展開してくれる。 対象者はプレゼンする人のURLにアクセスする。 プレゼン者はスマフォ
でスライドを動かす。すると対象者の画面も自動で変わる edge,chrome,IE11,safariなどパソコン、スマフォで表示可能。 もっと動きのあるものを行ってみたい。 例えば途中でMP4を挟むとか それでは、作ってしまえ! youtubeにアップしました、下の画像がリンク出です キーワードはspaとwebsocketだ 数か月前にSPAアプリを作り、業務改善を行った。 動的にDOMを操作して画面の一部のHTMLやJavascriptを変更して、画面変異を行わないのがSPAだ。 それなら変更内容をWebsoketで送信してはと! オペレータから表示したいHTML情報をwebsocketでクライアントに配信する。クライアントはシングルページでDOMを変更。1箇所なのでjqueyで。 websocketのサンプルは色々ある。 チャットのサンプルを修正して作る。 

1 サーバ  コネクト待ち  コマンドが来たら全てに返す 
2 クライアント  コネクト  コマンドが来たらHTMLを更新 
3 操作者  コネクト  スライドHTMLを送信 
4 管理者  スライドアップロード  

スライド削除 非常に簡単なアプリになる 

サーバは php -q server.phpで起動する 
windows10+xxamppとMAC+xamppで動作確認を行った 
windowsはfirewallを一時停止

w100.png