it-swarm.com.de

Sprachaufnahme vom IPhone mit HTML5

Ich habe an einer mobilen Webanwendung nur zu meiner eigenen Freude und Recherche gearbeitet. Alles schien mit HTML5/CSS und JavaScript für die Clientanwendung ziemlich glatt zu sein, obwohl es so aussieht, als benötige ich eine Drittanbieter-Technologie für die Sprachaufzeichnung. Ich hatte eine ziemlich gute Lösung, um mit Flash zu arbeiten, aber nachdem ich es mit meinem IPhone getestet hatte, fiel mir ein, dass sie scheinbar keine Flash-Unterstützung bieten. Ich möchte Sprache mit HTML5 in Iphone und Android aufnehmen. Gibt es irgendeinen Weg?

17
Bilal Ahmed

Sie könnten HTML Media Capture ausprobieren. Ein Artikel über dev.opera sagt:

Android OS 3.0 war die erste Plattform, die HTML Media Capture .__ zur Verfügung stellte. Unterstützung über den Standardbrowser Android Webkit. Jetzt HTML Media Capture wird auch unterstützt von:

  • Safari und Chrome Mobile für iOS 6+
  • Chrome Mobile für Android OS 3+
  • Firefox Mobile für Android OS 3+
  • Opera 16 für Android OS 3+

Trotzdem implementieren einige von ihnen nur teilweise die Spezifikation oder Implementiere eine ältere W3C-Spezifikation, die den Code oben ausmacht etwas anders:

<input type="file" accept="image/*" capture="camera">
<input type="file" accept="video/*" capture="camcorder">
<input type="file" accept="audio/*" capture="microphone">

Es ist eine Verknüpfung zu einer Demo-Seite , die Sie auf Ihrem Handy versuchen könnten. Ich habe auch diese Beispielseite gefunden. In meinem schnellen iOS 7-Test funktionierte es jedoch nur für Fotos und Videos.


Edit: Weitere Informationen schlägt vor, accept="audio/*" wird von iOS 6 und 7 nicht unterstützt, nur accept="image/*" und accept="video/*".


Update: Ein Schnelltest unter iOS 8.3 weist darauf hin, dass sich hier nichts geändert hat: accept="image/*" und accept="video/*" werden unterstützt, accept="audio/*" jedoch nicht.


Update: Ein schneller Test unter iOS 10.0.2 legt nahe, dass accept="audio/*" noch nicht unterstützt wird. Es scheint jedoch, als könnten Sie jetzt eine Audiodatei von iCloud Drive oder Dropbox hochladen.


Update: Trotz allem, was in dem Webkit-Blogbeitrag steht, scheint accept="audio/*" in iOS 10.3 auf meinem iPhone 5S noch nicht unterstützt zu werden.


Update: Dieselbe Story in iOS 11.0.3. Es scheint immer noch keine Unterstützung für accept="audio/*" auf meinem iPhone 5S zu geben.

23
Olly Hodgson

Dies funktioniert nicht auf einer Website, aber wenn Sie Ihre Web-App mit Cordova in eine mobile App umwandeln möchten, können Sie den Mikrofoneingang verwenden. Benötigt einige Kenntnisse der Web-Audio-API, um funktionieren zu können.

https://github.com/edimuj/cordova-plugin-audioinput

Und RecorderJS, um seine Ausgabe aufzunehmen:

https://github.com/mattdiamond/Recorderjs

Einer der oben genannten RecorderJS funktioniert nicht auf mobilen Geräten, aber es ist nur der Mikrofoneingang, der nicht funktioniert.

Derzeit ist mir keine Möglichkeit bekannt, die Mikrofoneingabe in einem Browser auf dem Handy aufzunehmen

2
Matt O'Tousa