Heim  >  Artikel  >  Web-Frontend  >  Wie rufe ich die Kamera eines Mobiltelefons in HTML5 auf?

Wie rufe ich die Kamera eines Mobiltelefons in HTML5 auf?

Guanhui
Guanhuinach vorne
2020-06-23 18:07:304466Durchsuche

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");
}
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!

Stellungnahme:
Dieser Artikel ist reproduziert unter:jb51.net. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen