Mostra la visualizzazione della telecamera all'interno di html in android e poi scattare un'image

C'è una visione di visualizzare la visualizzazione della camera in diretta all'interno di html (ad esempio incorporata in un div) prima di scattare una foto utilizzando JavaScript? Ho provato PhoneGap ma iniziano totalmente una nuova applicazione per la camera e sono completamente spostati dalla mia applicazione web html prima di tornare ad esso. Ho bisogno di qualcosa inserito nella mia app

Grazie

  • Android 4.3 come una periferica Bluetooth LE
  • datepicker con stile diverso dall'attività
  • Android Maven non è riuscito a trovare lo strumento 'aapt'
  • WebView "tel:" mostra che la pagina web non è stata trovata
  • È ansible spostare il DB interno al SDCard?
  • sapendo quando la mappa ha smesso di scorrere (come "moveend" nell'API di javascript)
  • Il cookie webview di Android restituisce null
  • Come passare i parametri o l'object Mappa <String, String> alla richiesta POST tramite Retrofit?
  • L'emulatore Android utilizza il 100% di CPU anche se niente in esecuzione su di esso?
  • Android: Come trasmettere l'intento dal codice nativo?
  • Gradle: Come pubblicare una libreria Android nel repository locale
  • Errore di applicazione Android - duplica id 0x7f04000f, tag null o id parentesi 0x0 con un altro frammento per com.google.android.gms.maps.SupportMapFragment
  • 4 Solutions collect form web for “Mostra la visualizzazione della telecamera all'interno di html in android e poi scattare un'image”

    Puoi installare il plugin mbppower / CordovaCameraPreview (per android, ios) nell'applicazione Cordova / phonegap che consente l'interazione della camera dal codice HTML. Un plugin davvero sorprendente è .. È ansible accedere a funzioni come:

    Avvia un'anteprima della telecamera dal codice HTML. Trascinare la casella di anteprima. Impostare l'effetto a colors della camera (Android e iOS), submit la casella di anteprima alla parte posteriore del contenuto HTML, impostare una posizione personalizzata per la casella di anteprima della camera, impostare una dimensione personalizzata per la casella di anteprima e mantenere l'interattività HTML.

    Puoi anche utilizzare il plugin donaldp24 / CanvasCamera per l'applicazione se si adatta alle tue esigenze. È supportto sia nelle piattaforms Android che in iOS. Ho osservato, per iOS il suo funzionamento bene, ma in android non funziona.

    Ora è ansible installare il plugin CordovaCameraPreview anche tramite Online PhoneGap. Quindi senza utilizzare CLI è ansible utilizzare direttamente attraverso questo aggiungendo

    <gap:plugin name="com.mbppower.camerapreview" version="0.0.8" source="plugins.cordova.io" />

    nel file config.xml e creare ApplicationTemplate.apk / .ipa. Per ulteriori informazioni su questo puoi chiedermi. Felice di aiutare.

    Lo ho fatto per uno dei miei progetti. Controlla navigator.getUserMedia (). Ci sono una tonnellata di cose che puoi fare con la tua webcam e browser, compresi i giochi AR! Ecco solo un esempio di base:

    HTML:

      <html> <head> </head> <body> <form><input type='button' id='snapshot' value="snapshot"/></form> <video autoplay></video> <canvas id='canvas' width='100' height='100'></canvas> <script type="text/javascript" src="findit.js"></script> </body> </html> 

    findit.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); } document.getElementById('snapshot').onclick = function() { var canvas = document.getElementById('canvas'); var ctx = canvas.getContext('2d'); ctx.drawImage(video,0,0); } 

    Live Demo:

    Un progetto personale

    Altre risorse, questo è quello che ho usato:

    Accesso Webcam

    Aggiornare:

    Questa soluzione è valida solo per la camera anteriore se il nostro dispositivo è uno. È fondamentalmente una soluzione "webcam". Non so se funziona per il tuo caso. Solo nel caso, controlla le risorse.

    È ansible utilizzare camera.getPicture da camera.getPicture cordova-plugin-camera o navigator.device.capture.captureVideo da cordova-plugin-media-capture .

     var getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia || navigator.device.capture.captureVideo || navigator.camera || camera.getPicture; 

    Spero che sia d'aiuto.

    Non è ansible accedere direttamente all'applicazione Fotocamera utilizzando JavaScript. Puoi scrivere un plug-in personalizzato PhoneGap (Cordova) per farlo.

    L'Android è un fan Android di Google, tutto su telefoni Android, Android Wear, Android Dev e applicazioni Android Games e così via.