besukosan
@besukosan

Are you sure you want to delete the question?

Leaving a resolved question undeleted may help others!

SNS(Webアプリ版)で使えるようなカメラを作りたい

下記画像のようなSNS(Facebook、インスタ等)のWEBブラウザ版で「写真を撮る」ボタンで起動するカメラを実装したいと考えています。

IMG_1936.PNG

IMG_1934.PNG

現状、以下のように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

1Answer

Comments

  1. @besukosan

    Questioner

    無事実装できました最高です!有難うございます。

Your answer might help someone💌