Wie rufe ich die Kamera eines Mobiltelefons in HTML5 auf?

Guanhui
Freigeben: 2020-06-24 13:44:19
nach vorne
4459 Leute haben es durchsucht

Wie rufe ich die Kamera eines Mobiltelefons in HTML5 auf?

Eingabe ruft Geräteaufzeichnung auf
Erläuterung des offiziellen HTML5-Dokuments: Das Capture-Attribut wird verwendet, um die Kamera oder das Mikrofon des Geräts aufzurufen.
Wenn „accept="audio/or video/"" akzeptiert wird, hat die Aufnahme nur zwei Werte: einer ist der Benutzer, der zum Aufrufen der gesichtsorientierten Kamera (z. B. der Frontkamera eines Mobiltelefons) verwendet wird, und der andere ist die Umgebung. Wird verwendet, um die Umgebungskamera anzurufen (z. B. die Rückkamera eines Mobiltelefons).
Bei Accept="audio" wird das Gerätemikrofon aufgerufen, solange eine Aufnahme erfolgt, wobei die Benutzer- und Umgebungswerte ignoriert werden.
Die online erwähnte Kamera und das Dateisystem wurden nicht offiziell erwähnt.
Offizielles Dokument: www.w3.org/TR/2018/REC-html-media-capture-20180201/

iOS entspricht am meisten den HTML5-Spezifikationen, gefolgt vom X5-Kernel, und die Android-Webansicht ignoriert sie grundsätzlich es erfassen.
Im Idealfall sollte Webview wie folgt entwickelt werden:

1. Wenn „accept="image/" auftritt, ruft „capture="user" die vordere Kamera auf und „capture="other value" ruft die hintere Kamera auf
2. Wenn „accept="video/"" erfasst wird, ruft „capture="user" den vorderen Videorecorder auf, „capture="other value", ruft den hinteren Videorecorder auf
3. Wenn „accept="image/,video/" , Capture="Benutzer" ruft die Frontkamera auf, Capture="Anderer Wert" ruft die Rückkamera auf, nimmt standardmäßig Fotos auf, kann Video
4 umschalten. Capture = „Leer oder beliebiger Wert“, rufen Sie den Rekorder auf.
Wird überprüft, wenn die Eingabe mehrere enthält. Bei mehreren Dateien ist der Aufruf der Systemkamera oder des Rekorders nur eine einzelne Datei
7 Wenn keine mehreren vorhanden sind, ist nur eine einzelne Datei verfügbar

Bestimmen Sie das Gerät Typ

var ua = navigator.userAgent.toLowerCase();
if(ua.match(/android/i)) == "android") {
 alert("android");
}
if(ua.match(/iPhone/i)) == "iPhone") {
 alert("iPhone");
}
if(ua.match(/iPad/i)) == "iPad") {
 alert("iPad");
}
Nach dem Login kopieren
rrree

Empfohlenes Tutorial: 《

HTML-Tutorial

Das obige ist der detaillierte Inhalt vonWie rufe ich die Kamera eines Mobiltelefons in HTML5 auf?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:jb51.net
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage