Erfassen Sie die Kamera und zeigen Sie eine Vorschau in div
-
21-12-2019 - |
Frage
Ich bin dabei, eine Windows-Speicher-App zu entwickeln, die eine Vorschau der Kamera zeigt, und (offensichtlich) kann der Benutzer Bilder aufnehmen.
In meinem folgenden Code zeigt der gesamte Bildschirm eine Anzeige des KameraArwaPreViews an, und beim Klicken nimmt ein Bild ein Bild.Ich möchte, dass die Vorschau in einer DIV angezeigt wird, und verwenden Sie eine separate Taste, um das Bild tatsächlich aufzunehmen.Ich habe verschiedene Tutorials gelesen, aber alle verwenden den vollständigen Bildschirm, um Bilder aufzunehmen.Gibt es eine Möglichkeit, mein Problem zu lösen?
Ich verwende Visual Studio, um eine Windows Store-App in JavaScript zu entwickeln.
generasacodicetagpre.Die Funktion wird aufladen.Ich habe auf der API-Info gelesen, hier , konnte aber nicht herausfinden, wie.Vermisse ich etwas?
generasacodicetagpre.Lösung
Nun, ich habe einige Probleme, wenn ich es ausprobiert habe. Aber ich habe es endlich erweckt.So geht's, wie ich tun soll
HTML
generasacodicetagpre.Die Kameravorschau wird im Videoelement angezeigt. Denken Sie daran, die Größe des übergeordneten DIV festzulegen, oder Sie sehen etwas
Medienelemente initialisieren
generasacodicetagpre.Holen Sie sich das Kameragerät
generasacodicetagpre.Rufen Sie dies nach Initialisierungen an. Auch die Devicelist hier ist ein globales Array.
Sobald Sie die Geräteliste erhalten, holen Sie sich die 1. und fügen Sie es den Einstellungen hinzu
generasacodicetagpre.Initialisieren Sie dann das Mediarec-Element mit InitialEasync und binden Sie ihn die DIV.
generasacodicetagpre.Ich hoffe, es hilft Ihnen (und ich hoffe, es funktioniert immer noch. Ich kann es nicht einmal versuchen, ich bin nicht auf dem Fenster atmt)
Um das Bild aufzunehmen, könnte Ihre funktionieren.Ich habe nicht denselben Code, aber wenn Sie ein Foto aufnehmen, warum nicht.Fragen Sie mich, ob Sie sehen möchten, was ich getan habe, um Fotos zu machen.