Erkennung der HTML5 Media Capture-API-Unterstützung

9

Gibt es eine Möglichkeit festzustellen, ob ein Browser die HTML5 Media Capture API für eine mobile Website unterstützt, die ich gerade erstelle? Ich kann nur scheinbar Lösungen finden, um getUserMedia() support zu erkennen.

Ich möchte den mobilen Benutzern eines von zwei Szenarien vorstellen können:

  • Der Browser des Benutzers unterstützt die API, daher werden zwei Upload-Schaltflächen angezeigt, von denen eine die Kamera aktiviert und die andere die Bildergalerie aktiviert.
  • Der Browser des Benutzers unterstützt die API nicht, daher wird nur eine Upload-Schaltfläche angezeigt, die die Galerie hoffentlich aktiviert, wenn ihr Browser den accept-Parameter unterstützt.
edcs 30.08.2012, 14:55
quelle

2 Antworten

2

Sie können modernizr , auf der Dokumentseite verwenden > Sie können in der Tabelle der unterstützten und erkannten Funktionen sehen, dass sie sowohl das HTML Media Capture und auch die getUserMedia

    
Kuzeko 20.04.2016 12:55
quelle
2
  

Der Browser des Benutzers unterstützt die API, daher werden zwei Upload-Schaltflächen angezeigt, von denen eine die Kamera aktiviert und die andere die Bildergalerie aktiviert.

Es gibt momentan keine Möglichkeit, zwei separate HTML-Buttons zu erstellen: einen für (nur) die Bibliothek & amp; eine für (nur) die Kamera ( Ich habe alle möglichen HTML Media Capture-Optionen in diesem Artikel behandelt

Verwenden   <input type="file" accept="image/*;"> und Sie werden aufgefordert, zwischen der Aufnahme eines Fotos oder der Auswahl eines vorhandenen zu wählen:

  

Der Browser des Benutzers unterstützt die API nicht, daher wird nur eine Upload-Schaltfläche angezeigt, die die Galerie hoffentlich aktiviert, wenn ihr Browser den Parameter accept

unterstützt

Die Unterstützung ist wie folgt:

  • Android 2.2+ und iOS6.0 + unterstützen den obigen Code
  • Android 3.0+ unterstützt capture und bringt den Benutzer direkt zur Kamera
  • iOS6 bis 10 unterstützen NICHT capture (Eingabeaufforderung wird immer angezeigt)
  • Desktop-Browser unterstützen HTML Media Capture NICHT

Das Erkennen der Unterstützung wird fortgesetzt, um die obigen Browser zu erkennen.

Support-Referenz: dieses Jahr 2013 O 'Reilly Buch und meine Tests

    
Octavian Naicu 10.11.2016 14:22
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Verwendung von 'grails.logging.jul.usebridge' in grails config.groovy