どのようにWebViewの上のフロントカメラを有効にするにはどうすればよいのアンドロイド

Question

のWebViewでのフロントカメラを有効にするには？私はAndroidManifest.xmlを

<uses-feature android:name="android.hardware.camera" android:required="true" /> 
<uses-feature android:name="android.hardware.camera.front" android:required="true" /> 

で機能を有効にしていたカメラは、ちょうどフロントカメラに切り替えるために、写真や記録を取るために使用するつもりはありません。

私は携帯電話のカメラは一度プロンプトメッセージを許可する働き電話のブラウザを使用してWebサイトにアクセスしてください。これはどのようにwebviewで動作するのですか？ HTMLファイルに

はキャンバスとそれを記録したり、それだけであなたのカメラビューを示して写真を撮っていないのウェブカメラを表示する動画のタグを持っています。ここで

はhtmlコード

<canvas id="inCanvas" width="500" height="500" style="display:none"></canvas> 
<video id="inputVideo" width="100" height="100" autoplay loop ></video> 

それは、ウェブカメラで動作しなくアンドロイドでWebViewのです。

Answer 1

私は携帯電話のカメラにアクセスするためのスクリプトとして、以下のようなものを使用します。

<script> 
    var errorCallback = function(e) { 
    console.log('Rejected!', e); 
    }; 

    // Not showing vendor prefixes. 
    navigator.getUserMedia({video: true, audio: true}, function(localMediaStream) { 
    var video = document.querySelector('video'); 
    video.src = window.URL.createObjectURL(localMediaStream); 

    // Note: onloadedmetadata doesn't fire in Chrome when using it with getUserMedia. 
    // See crbug.com/110938. 
    video.onloadedmetadata = function(e) { 
     // Ready to go. Do some stuff. 
    }; 
    }, errorCallback); 
</script> 

the followingチュートリアルを利用してください。 これは正しい軌道にゆをセットしたいと思っています:)

Answer 2

私はかなり理解しましたが、私は次の2つのうちのどれか一つを選ぶことができます。

1）アクセスカメラだけ（） 画像を撮像しないスクリーン上に映像を表示：

HTML：

<canvas id='canvas' width='100' height='100'></canvas> 

JS：

var onFailSoHard = function(e) 
    { 
      console.log('failed',e); 
    } 

    window.URL = window.URL || window.webkitURL ; 
    navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia; 

    var video = document.querySelector('video'); 

    if(navigator.getUserMedia) 
    { 
     navigator.getUserMedia({video: true},function(stream) { 
     video.src = window.URL.createObjectURL(stream); 
     },onFailSoHard); 
    } 


     var canvas = document.getElementById('canvas'); 
    var ctx = canvas.getContext('2d'); 
setInterval(function(){ 
ctx.drawImage(video,0,0); 
    }, 100); 

     } 

2）はカメラから画像をキャプチャ：

hereはそのためdocあります。

navigator.camera.getPicture(onSuccess, onFail, { quality: 50, 
    destinationType: Camera.DestinationType.DATA_URL 
}); 

function onSuccess(imageData) { 
    var image = document.getElementById('myImage'); 
    image.src = "data:image/jpeg;base64," + imageData; 
} 

function onFail(message) { 
    alert('Failed because: ' + message); 
}