WebSocketでVNCっぽいなにか

2010/07/30Shibuya.js beyond HTML5www.kanasansoft.com

kanasan

最初に

絶対にDemoをしたいので

残り1:30になったら

教えてください

自己紹介

名前kanasan母国言語JavaScriptKanasan.JS発起人

ネタ系JSer

最近

HTML5とか勉強会スタッフ

本題

WebSocketを使って

VNCっぽいものを作ってみました

WebSocketとはなにか

HTML5に関連した新しい

オブジェクト

誤解を恐れず言うと

Ajax並の使い勝手で

Cometのようなことができる!

素晴らしい

対応ブラウザChrome5 Safari5

Firefox4β(?)

名前WebSocketRemote

github.com/Kanasansoft/

WebSocketRemote

サーバ側JavaRobotJetty

クライアント側JSだけ

WebSocketオブジェクトを使用

言い訳

サーバサイドの処理

画面キャプチャ画像圧縮

BASE64化WebSocket転送

キャプチャと画像処理と

BASE64化で処理時間の8~9割

WebSocket部分は高速

BASE64化された受信データをimgのsrcに

data schemeで設定

今のバージョン

マウスイベントのみ

キーボードの入力には非対応

キーイベントはブラウザ間の互換性が酷い

DOM3でキーイベントが整理されるらしい

期待!

似たような実験コードがいくつかあります

DEMO

END

ご清聴ありがとうございました