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を一時停止