• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Html5west
 

Html5west

on

  • 1,468 views

2011.9.24、HTML5-WEST.jp勉強会で発表した「HTMLでつくるカメラ&落書きアプリ」のスライドです。

2011.9.24、HTML5-WEST.jp勉強会で発表した「HTMLでつくるカメラ&落書きアプリ」のスライドです。

Statistics

Views

Total Views
1,468
Views on SlideShare
1,464
Embed Views
4

Actions

Likes
1
Downloads
9
Comments
0

3 Embeds 4

http://twitter.com 2
http://paper.li 1
http://www.pinterest.com 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Html5west Html5west Presentation Transcript

    • 2011 9 24
    • 2011 9 24
    • 2011 9 24
    • 2011 9 24
    • 2011 9 24
    • 2011 9 24
    • http://my.opera.com/core/blog/2011/03/23/webcam-orientation-preview2011 9 24
    • 2011 9 24
    • var  video  =  document.getElementsByTagName()[0];  if(navigator.getUserMedia)  {    navigator.getUserMedia(video,  successCallback);    function  successCallback(  stream  )  {      video.src  =  stream;    }  } <video  autoplay></video>2011 9 24
    • navigator.getUserMedia()2011 9 24
    • http://dev.w3.org/2011/webrtc/editor/webrtc.html#peerconnection http://www.whatwg.org/specs/web-apps/current-work/complete/video-conferencing-and-peer- to-peer-communication.html#blob-url2011 9 24
    • Navigator implements NavigatorUserMedia;2011 9 24
    • 2011 9 24
    • 2011 9 24
    • 2011 9 24
    • 2011 9 24
    • stream  =  new  MediaStream(  parentStream  ); recorder  =  stream  .  record();2011 9 24
    • navigator.getUserMedia(audio, gotStream, noStream); var msgStream, msgStreamRecorder; function gotStream(stream) { msgStream = stream; msgStreamRecorder = stream.record(); MediaStreamRecorder stream.onended = function () { msgStop(); } } function msgStop() { report(Creating file...); msgStream.onended = null; msgStream.stop(); msgStreamRecorder.getRecordedData(msgSave); } function msgSave(blob) { report(Uploading file...); var x = new XMLHttpRequest(); x.open(POST, uploadMessage); x.send(blob); x.onload = function () { report(Done! To record a new message, press the ⚫ button.); }; }2011 9 24
    • 2011 9 24
    • 2011 9 24
    • 2011 9 24
    • 2011 9 24
    • 2011 9 24
    • <ul> <li><img  /> <li><img  /> <li><img  /> <li><img  /> …………… </ul>2011 9 24
    • 2011 9 24
    • 2011 9 24
    • http://jsdo.it/hidetaro7/triangle012011 9 24
    • 2011 9 24
    • 2011 9 24
    • :3 :)2011 9 24