SSL-Vision,RefereeBoxからのパケットを受け取って,サーバにアクセスしているWebブラウザにリアルタイムで反映します.
なので,サーバをマルチキャストが届く範囲で起動させて,アクセスするWebブラウザは経路さえ空いていればどこからでも試合の状況を確認できます.
あとは,ちょっとインフラの整備が必要になるかもしれませんが,公式ページに埋め込んで,Webサイトから試合の状況リアルタイムで見れる,みたいなこともできると思います.
また,基本的にはWeb(HTML5)の技術を使用しているので,クリックイベントとかも結構簡単に取れます.
ポート番号とかホストとかはハードコーディングされているので,必要に応じて変更してください.
サーバ側では,Googleprotobufを使うためにprotobufjsというライブラリを使用しています.
デザイン面に関しては,Twitter bootstrapを使用してレイアウトしています.しかしながら,なんかたまにおかしいことになります(笑)
あと,致命的なことにUIがださい(笑)改善案お待ちしています.
もし,このプロダクトが気に入って,使っていただけるようであれば,ぜひぜひ使い倒してバグ報告とか,改善提案とかいただければと思います.Pull Requestとかも大歓迎です!
本番に近い環境じゃないとわからないこともたくさんあると思うので.
かなり簡単な説明になってしまいましたが,このぐらいにしておこうと思います.