Bild von der Kamera in Form oder HTML5 Canvas aufnehmen

8

Ich muss ein Bild von einer Webcam (angebundene Kamera usw.) in ein Formular oder HTML5 Canvas aufnehmen, damit ich das Bild auf dem Server speichern kann. Außerdem würde ich gerne in der Lage sein, das Bild live auf der Seite zu sehen.

Ich habe zum Beispiel einen Browser, der bei einer Registrierungsstation läuft. Ich möchte ein Foto des Teilnehmers machen, der gerade vor dem Tisch steht, und dieses Bild in die Datenbank einreichen. Dann kann ich dieses Bild verwenden, um das Abzeichen des Teilnehmers mit seinem Bild darauf zu drucken.

Ich benutze Schienen und Büroklammer, obwohl ich bezweifle, dass das wichtig ist.

Wer hat das schon einmal gemacht oder Ideen, wie es geht?

    
Karl 23.09.2010, 20:09
quelle

3 Antworten

9

Es gibt ein Plugin für jQuery mit dem Titel "jQuery Webcam Plugin", das eine freundliche und einfache Möglichkeit bietet, mit einer Webcam zu interagieren. Es basiert auf einer kleinen Flash-Komponente (leider), aber es macht eine großartige Arbeit, um die Interaktion zu erleichtern - und bietet auch Funktionen zum Kopieren von Bildern direkt in einen HTML5-Canvas.

Es ist wiederum bedauerlich, dass es auf Flash basiert, aber ich denke, dass jede zuverlässige Lösung zu diesem Zeitpunkt einen Flash benötigen wird.

Das Plugin ist hier verfügbar: Ссылка

    
John Wordsworth 23.09.2010, 20:20
quelle
3

Derzeit, wenn Sie mit einer Web-Cam von einer Webseite interagieren wollen, müssen Sie mit einem Plug-in zu sehen. Flash hat eine ausgereifte Schnittstelle zu Webcams, so dass es meine erste Wahl von Werkzeug wäre. p>

Früher gab es eine Spezifikation für die Unterstützung von nativen Web-Kameras in HTML 5, aber sie wurde in eigene, unabhängige Spezifikation . Derzeit gibt es keine Browser-Unterstützung außerhalb von experimentelle Opera baut .

    
Quentin 23.09.2010 20:12
quelle
1

Android & gt; = 3.0 (auf vielen Tablets und einem Telefon in Kürze) soll dies unterstützen. Wenn Sie nach "html media capture" und "device api" suchen, erhalten Sie viel mehr Informationen.

Auf der nicht-even-alpha blutenden Seite gibt es Dinge wie webrtc und das mozilla regenbogen Plugin.

    
Mark Van den Borre 10.11.2011 11:07
quelle

Tags und Links