LL Tiger 2010 (LTの虎 1)
Transcript of LL Tiger 2010 (LTの虎 1)
![Page 1: LL Tiger 2010 (LTの虎 1)](https://reader034.fdocuments.us/reader034/viewer/2022051112/5576248cd8b42a4e1c8b4f2d/html5/thumbnails/1.jpg)
gyuque
自己紹介
http://twitter.com/gyuque
2010年7月31日土曜日
![Page 2: LL Tiger 2010 (LTの虎 1)](https://reader034.fdocuments.us/reader034/viewer/2022051112/5576248cd8b42a4e1c8b4f2d/html5/thumbnails/2.jpg)
きょうのテーマ
Javascript でモデム/音響カプラを作ろう
2010年7月31日土曜日
![Page 3: LL Tiger 2010 (LTの虎 1)](https://reader034.fdocuments.us/reader034/viewer/2022051112/5576248cd8b42a4e1c8b4f2d/html5/thumbnails/3.jpg)
やや誇大表現
モ デムModulator Demodulator
現行のブラウザでできること:
◯ 可 音声の動的な生成、出力 (audio要素による)
× 不可 音声の入力、解析 (Capture API 策定中)
×2010年7月31日土曜日
![Page 4: LL Tiger 2010 (LTの虎 1)](https://reader034.fdocuments.us/reader034/viewer/2022051112/5576248cd8b42a4e1c8b4f2d/html5/thumbnails/4.jpg)
モデムの実装について
モデムの実装方法が書いてある貴重な本ですがおそらく絶版なので図書館で探しましょう
2010年7月31日土曜日
![Page 5: LL Tiger 2010 (LTの虎 1)](https://reader034.fdocuments.us/reader034/viewer/2022051112/5576248cd8b42a4e1c8b4f2d/html5/thumbnails/5.jpg)
モデムの実装について
0 / 1あるいは
1 / 0
• 周波数の高低(要するに音の高低)でビットを表現• 電話回線用モデム、マイコン用データレコーダ
FSK (Frequency Shift Keying)
2010年7月31日土曜日
![Page 6: LL Tiger 2010 (LTの虎 1)](https://reader034.fdocuments.us/reader034/viewer/2022051112/5576248cd8b42a4e1c8b4f2d/html5/thumbnails/6.jpg)
モデムの実装について送信側(生成)処理 : 位相が連続した信号の生成
ダメ 良い
2010年7月31日土曜日
![Page 7: LL Tiger 2010 (LTの虎 1)](https://reader034.fdocuments.us/reader034/viewer/2022051112/5576248cd8b42a4e1c8b4f2d/html5/thumbnails/7.jpg)
モデムの実装について送信側(生成)処理 : 位相が連続した信号の生成
テーブル
出力
読み出しポインタを速く進める読み出しポインタを
遅く進めるどこで周波数を切り替えても位相が連続する
2010年7月31日土曜日
![Page 8: LL Tiger 2010 (LTの虎 1)](https://reader034.fdocuments.us/reader034/viewer/2022051112/5576248cd8b42a4e1c8b4f2d/html5/thumbnails/8.jpg)
モデムの実装について受信側処理 (バンドパスフィルタを使う場合)
分離
pow1 = ∑ f1(t)^2
pow2 = ∑ f2(t)^2
2乗値の総和
比較
※今回は iPhone の native code で実装しましたが、参考に
2010年7月31日土曜日
![Page 9: LL Tiger 2010 (LTの虎 1)](https://reader034.fdocuments.us/reader034/viewer/2022051112/5576248cd8b42a4e1c8b4f2d/html5/thumbnails/9.jpg)
デモジュレータのテストプログラム
2010年7月31日土曜日
![Page 10: LL Tiger 2010 (LTの虎 1)](https://reader034.fdocuments.us/reader034/viewer/2022051112/5576248cd8b42a4e1c8b4f2d/html5/thumbnails/10.jpg)
Javascript FSK Modulator
20 3A 4B 50 20 4F ...
000010001011100....
<audio>
data:audio/wav...
- - 送信バイト列(+誤り訂正符号等)
- - ビット列
- - 変調された信号
wavファイルを含むdatauri - とっても簡単ですね
2010年7月31日土曜日
![Page 11: LL Tiger 2010 (LTの虎 1)](https://reader034.fdocuments.us/reader034/viewer/2022051112/5576248cd8b42a4e1c8b4f2d/html5/thumbnails/11.jpg)
•無線LANモジュールが破滅した
たとえば……
2010年7月31日土曜日
![Page 12: LL Tiger 2010 (LTの虎 1)](https://reader034.fdocuments.us/reader034/viewer/2022051112/5576248cd8b42a4e1c8b4f2d/html5/thumbnails/12.jpg)
•無線LANモジュールが破滅した•有線LANケーブルも千切れた
たとえば……
2010年7月31日土曜日
![Page 13: LL Tiger 2010 (LTの虎 1)](https://reader034.fdocuments.us/reader034/viewer/2022051112/5576248cd8b42a4e1c8b4f2d/html5/thumbnails/13.jpg)
•無線LANモジュールが破滅した•有線LANケーブルも千切れた•3G回線も入らない
たとえば……
2010年7月31日土曜日
![Page 14: LL Tiger 2010 (LTの虎 1)](https://reader034.fdocuments.us/reader034/viewer/2022051112/5576248cd8b42a4e1c8b4f2d/html5/thumbnails/14.jpg)
•無線LANモジュールが破滅した•有線LANケーブルも千切れた•3G回線も入らない
たとえば……
こんな時でも Shibuya.JS は通信を諦めない
2010年7月31日土曜日
![Page 15: LL Tiger 2010 (LTの虎 1)](https://reader034.fdocuments.us/reader034/viewer/2022051112/5576248cd8b42a4e1c8b4f2d/html5/thumbnails/15.jpg)
Demonstration
2010年7月31日土曜日
![Page 16: LL Tiger 2010 (LTの虎 1)](https://reader034.fdocuments.us/reader034/viewer/2022051112/5576248cd8b42a4e1c8b4f2d/html5/thumbnails/16.jpg)
今 後 の 野 望
2010年7月31日土曜日
![Page 17: LL Tiger 2010 (LTの虎 1)](https://reader034.fdocuments.us/reader034/viewer/2022051112/5576248cd8b42a4e1c8b4f2d/html5/thumbnails/17.jpg)
HTML Media Capture APIhttp://www.w3.org/TR/html-media-capture/
2010/7/20 更新
http://www.youtube.com/watch?v=IY3U2GXhz44
•いわゆる「アップロードフォーム」で、カメラで撮った画像を直接指定できる•だけでなく、画像・音声に直接アクセスできる(ハズ)• Android に”実装中”(Android 2.2 では未実装)
→ デモジュレータ(受信側)もできるかも
2010年7月31日土曜日
![Page 18: LL Tiger 2010 (LTの虎 1)](https://reader034.fdocuments.us/reader034/viewer/2022051112/5576248cd8b42a4e1c8b4f2d/html5/thumbnails/18.jpg)
HTML Media Capture API の野望
HTTPサーバ
Client
2010年7月31日土曜日
![Page 19: LL Tiger 2010 (LTの虎 1)](https://reader034.fdocuments.us/reader034/viewer/2022051112/5576248cd8b42a4e1c8b4f2d/html5/thumbnails/19.jpg)
HTML Media Capture API の野望
データリンク・物理層
TCP/IP
HTTPサーバ }全部JSClient
Full Stack Javascript Server2010年7月31日土曜日
![Page 20: LL Tiger 2010 (LTの虎 1)](https://reader034.fdocuments.us/reader034/viewer/2022051112/5576248cd8b42a4e1c8b4f2d/html5/thumbnails/20.jpg)
Javascript FAX も可能に?
test
canvas
2010年7月31日土曜日
![Page 21: LL Tiger 2010 (LTの虎 1)](https://reader034.fdocuments.us/reader034/viewer/2022051112/5576248cd8b42a4e1c8b4f2d/html5/thumbnails/21.jpg)
お 知 ら せ
本日、MSX実機(できれば 1chip MSX)をカバンに忍ばせている方がおられましたら声をおかけください
2010年7月31日土曜日