WebRTCで遊んでみた   ∼ 冬休み自由研究(笑) ∼   Mick Kubo(@komarineko)                            1
きっかけ• 無職→某IT関連現場でお仕事→何か満たされない• 最近勉強もできてない→焦り    HTML5だ!(笑)        いまごろになってお恥ずかしい...                            2
なんでWebRTCなの?• なんかおもしろいことやってみようと調べたら...• ERICSSONの”Bowser – The World’s First WebRTC- Enabled Mobile Browser” https://labs....
WebRTCとは• http://dev.w3.org/2011/webrtc/editor/webrtc.html• getUserMedia、mediaStream、peerConnection...• UstreamとかSkype要らねー...
WebRTC(涙)• 仕様策定中なので...仕様がころころ変わる。当然実装も...    getUserMediaのパラメータ、webkitPeerConnection→webkitRTCPeerConnection• 実装されているブラウザが...
デモやります• 最初におことわりMac版のChrome 24でしか動作確認していません...                                 6
デモ1• ビデオチャットっぽい何か...デモページ : http://komarineko.net:10080/ソース : https://github.com/coredumpcat/WebRTC-Demo-01(マルチユーザーチャットを目指...
デモ2• 監視カメラっぽい何か...                 のログ表示ページデモページ : http://komarineko.net:3000/ソース : https://github.com/coredumpcat/WebRTC-...
デモ3• 最後に、実用的ではありませんが...デモページ : http://komarineko.net:10088/ソース : https://github.com/coredumpcat/WebRTC-Demo-03デモ2と同じビデオソース...
次回予告NSEG鉄道部活動報告  ∼ いや、冗談ですって(笑) ∼   Mick Kubo(@komarineko)                            10
Upcoming SlideShare
Loading in …5
×

20130216

574 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
574
On SlideShare
0
From Embeds
0
Number of Embeds
6
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

20130216

  1. 1. WebRTCで遊んでみた ∼ 冬休み自由研究(笑) ∼ Mick Kubo(@komarineko) 1
  2. 2. きっかけ• 無職→某IT関連現場でお仕事→何か満たされない• 最近勉強もできてない→焦り HTML5だ!(笑) いまごろになってお恥ずかしい... 2
  3. 3. なんでWebRTCなの?• なんかおもしろいことやってみようと調べたら...• ERICSSONの”Bowser – The World’s First WebRTC- Enabled Mobile Browser” https://labs.ericsson.com/blog/bowser-the-world-s-first-webrtc-enabled-mobile- browser• 株式会社ミクシイのあんどうやすしさんのスライド https://docs.google.com/presentation/d/ 1MkvmX6Gvb1cRATdwF4RFBtol8NgdnblwlwikDnFhT10/present#slide=id.p• ひゃ ーっおもしろそーっ! 3
  4. 4. WebRTCとは• http://dev.w3.org/2011/webrtc/editor/webrtc.html• getUserMedia、mediaStream、peerConnection...• UstreamとかSkype要らねーじゃんwww 4
  5. 5. WebRTC(涙)• 仕様策定中なので...仕様がころころ変わる。当然実装も... getUserMediaのパラメータ、webkitPeerConnection→webkitRTCPeerConnection• 実装されているブラウザが少ない...Chrome、Firefox(ナイトリー)EricssonのBowserもRTCPeerConnectionには未対応 5
  6. 6. デモやります• 最初におことわりMac版のChrome 24でしか動作確認していません... 6
  7. 7. デモ1• ビデオチャットっぽい何か...デモページ : http://komarineko.net:10080/ソース : https://github.com/coredumpcat/WebRTC-Demo-01(マルチユーザーチャットを目指して作ったのですが、発表当日は大失敗しました...) 7
  8. 8. デモ2• 監視カメラっぽい何か... のログ表示ページデモページ : http://komarineko.net:3000/ソース : https://github.com/coredumpcat/WebRTC-Demo-02Webカメラの映像を、動画の差分を使って動体確認(識別はおろか認識ですら無い(笑))した結果を表示しています。 8
  9. 9. デモ3• 最後に、実用的ではありませんが...デモページ : http://komarineko.net:10088/ソース : https://github.com/coredumpcat/WebRTC-Demo-03デモ2と同じビデオソースを、peerConnectionを使って相手のブラウザのfaviconに表示します。1から作るのが面倒くさかった(信州ふうに表現すると”ズクが無かった”)ので、デモ1を改変して実装しました。参考にしたサイト : “Webカメラの画像をリアルタイムにFaviconに反映させる実験サイト” http://paulkaplan.me/Experiments/Favicon/favicon.html “Hey look over here!” http://paulkaplan.me/Experiments/Favicon/favicon.html 9
  10. 10. 次回予告NSEG鉄道部活動報告 ∼ いや、冗談ですって(笑) ∼ Mick Kubo(@komarineko) 10

×