Your SlideShare is downloading. ×
0
20130216
20130216
20130216
20130216
20130216
20130216
20130216
20130216
20130216
20130216
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

20130216

330

Published on

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

  • Be the first to like this

No Downloads
Views
Total Views
330
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. WebRTCで遊んでみた ∼ 冬休み自由研究(笑) ∼ Mick Kubo(@komarineko) 1
  • 2. きっかけ• 無職→某IT関連現場でお仕事→何か満たされない• 最近勉強もできてない→焦り HTML5だ!(笑) いまごろになってお恥ずかしい... 2
  • 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. WebRTCとは• http://dev.w3.org/2011/webrtc/editor/webrtc.html• getUserMedia、mediaStream、peerConnection...• UstreamとかSkype要らねーじゃんwww 4
  • 5. WebRTC(涙)• 仕様策定中なので...仕様がころころ変わる。当然実装も... getUserMediaのパラメータ、webkitPeerConnection→webkitRTCPeerConnection• 実装されているブラウザが少ない...Chrome、Firefox(ナイトリー)EricssonのBowserもRTCPeerConnectionには未対応 5
  • 6. デモやります• 最初におことわりMac版のChrome 24でしか動作確認していません... 6
  • 7. デモ1• ビデオチャットっぽい何か...デモページ : http://komarineko.net:10080/ソース : https://github.com/coredumpcat/WebRTC-Demo-01(マルチユーザーチャットを目指して作ったのですが、発表当日は大失敗しました...) 7
  • 8. デモ2• 監視カメラっぽい何か... のログ表示ページデモページ : http://komarineko.net:3000/ソース : https://github.com/coredumpcat/WebRTC-Demo-02Webカメラの映像を、動画の差分を使って動体確認(識別はおろか認識ですら無い(笑))した結果を表示しています。 8
  • 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. 次回予告NSEG鉄道部活動報告 ∼ いや、冗談ですって(笑) ∼ Mick Kubo(@komarineko) 10

×