SNS(Webアプリ版)で使えるようなカメラを作りたい
Q&A
Closed
下記画像のようなSNS(Facebook、インスタ等)のWEBブラウザ版で「写真を撮る」ボタンで起動するカメラを実装したいと考えています。
現状、以下のようにJSにてMediaDevices.getUserMedia()を用いて簡易的なカメラ機能を実装していますが、それをアレンジして上のようなカメラ機能に発展するのでしょうか。
それとも全く別の手法で構築されるものでしょうか。
if ( navigator.mediaDevices ) {
console.log("navigator.mediaDevices");
if ( $.isMobile ) {
$("#camera").css("width","100%");
}
navigator.mediaDevices.getUserMedia({video: {facingMode: "environment"},
audio: false})
.then(function(stream){
camera.srcObject = stream;
})
.catch(function(err){
options.cerror(err.name);
});
}
0