Upgrade to Pro — share decks privately, control downloads, hide ads and more …

WebAR

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers.

 WebAR

Avatar for Kaneko Takeshi

Kaneko Takeshi

June 16, 2017
Tweet

More Decks by Kaneko Takeshi

Other Decks in Technology

Transcript

  1. New in Safari 11.0 – Camera and microphone access. -

    Added support for the Media Capture API. - Websites can access camera and microphone streams from a user's device (user permission is required.)
  2. カメラの指定 { video: { facingMode: { exact: "user" } }

    } リアカメラは "environment" です
  3. まとめ navigator.mediaDevices.getUserMedia (constraints) .then (function (stream) { const video =

    document.querySelector ('video') video.src = window.URL.createObjectURL (stream) video.onloadedmetadata = function(e) { video.play () } }) .catch (function (err) { console.log (err.name + ": " + err.message) })
  4. AR