Zeigt Kamera-Ansicht in html in android und dann snap ein Bild

Ist es ein Blick der zeigt das live-Kamera-Ansicht in html ( z.B. eingebettet in ein div-Element ), bevor wir die snap ein Bild mit Hilfe von JavaScript? Ich habe versucht, PhoneGap, aber es Total startet eine neue Kamera-app und Total bewegt sich Weg von meinen html-web-app vor der Rückkehr. Ich brauche etwas, das eingebettet ist in meiner app

Dank

Iam-Auch vor Dem Gleichen Problem Hast Du keine Lösung Für Dieses..Wenn U Bekommen, nichts Plz Teilen Sie Ihre Wertvollen Kommentare, die Mir Auch
Isabel : Nein, Erma ich nicht finden Lösungen, die
Gibt Es eine Native Android-codes, um Dieses Problem Zu Lösen????

InformationsquelleAutor Imran Omar Bukhsh | 2013-01-05

  1. 13

    Können Sie installieren mbppower/CordovaCameraPreview plugin (android,ios) in der Cordova - /phonegap-Anwendung, mit der Kamera Interaktion von HTML-code. Ein wirklich tolles plugin es liegt..
    Sie können den Zugriff auf Funktionen wie:

    Starten Sie eine Kamera-Vorschau von HTML-code.
    Ziehen Sie das Feld Vorschau.
    Set-Kamera-Farbe-Effekt (Android und iOS),Senden Sie die Vorschau-box auf der Rückseite der HTML-Inhalt,Legen Sie eine benutzerdefinierte position für die Kamera-Vorschau-Feld,Legen Sie eine benutzerdefinierte Größe für die Vorschau-box und Pflegen von HTML-Interaktivität.

    Oder Sie können auch donaldp24/CanvasCamera Plugin für Ihre Anwendung, wenn es passt zu Ihren Anforderungen.Seine unterstützt sowohl android und iOS-Plattformen. Ich habe beobachtet, für iOS seine Arbeit gut, aber in android, es funktioniert nicht.

    Installieren Sie nun CordovaCameraPreview-plugin durch Online PhoneGap zu. Also ohne mithilfe der CLI, die Sie direkt verwenden können Sie es durch hinzufügen

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

    in Ihrem config.xml Datei, und erstellen Sie ApplicationTemplate.apk/.ipa. Für mehr Informationen diesbezüglich können Sie mich Fragen. Glücklich zu helfen.

    UPDATE:10th Oct-2017
    Es verwendet, um gut zu funktionieren in dieser Zeit aber, donaldp24/CanvasCamera nicht mehr gepflegt und momentan scheitert das bauen mit den neuesten Cordova-version.

    InformationsquelleAutor Ekta Jayswal

  2. 4

    Ich habe es für eines meiner Projekte. Check-out navigator.getUserMedia(). Es gibt eine tonne von Dingen, die Sie tun können mit Ihrer webcam und browser, einschließlich AR-Spiele! Hier ist nur ein einfaches Beispiel:

    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:

    Ein persönliches Projekt

    Mehr Ressourcen, dies ist, was ich verwendet habe:

    Webcam Zugang

    Update:

    Diese Lösung ist nur gültig für die front-Kamera, wenn unser Gerät hat. Es ist im Grunde eine "webcam" - Lösung. Nicht sicher, ob es eine Arbeit für Ihren Fall. Nur für den Fall, überprüfen Sie heraus die Ressourcen.

    Beachten Sie auch, dass derzeit getUserMedia ist schlecht unterstützt.
    Chrome hat die Unterstützung für die Geräte-Auswahl. Kasse diesem Beispiel simpl.info/getusermedia/sources
    Nach caniuse dies funktioniert nicht. Die Frage fragt konkret darum geht, einen feed in mobile aps/Geräte, nicht nur Browser.

    InformationsquelleAutor sanjeev mk

  3. 0

    Können Sie camera.getPicture aus cordova-plugin-camera oder navigator.device.capture.captureVideo aus cordova-plugin-media-capture.

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

    Hoffe, es hilft.

    InformationsquelleAutor SamYah

  4. -1

    Gibt es keinen direkten Zugriff auf die Kamera-app mit javascript. Sie können entweder schreiben Sie ein benutzerdefiniertes PhoneGap (Cordova) plugin zu tun.

    die Frage ist, auf die Kamera zugreifen, mit javascript... und nicht den Zugriff auf die camera app direkt...

    InformationsquelleAutor Meghal Shah

Schreibe einen Kommentar