Registra la voce da IPhone utilizzando HTML5

Ho lavorato a un’applicazione web mobile solo per il mio divertimento e la mia ricerca. Tutto sembrava funzionare piuttosto bene con HTML5 / CSS e JavaScript per l’applicazione client, anche se sembra che io abbia bisogno di una tecnologia di terze parti per la registrazione vocale. Ho avuto una buona soluzione lavorando con Flash, ma dopo averlo testato con il mio IPhone, mi sono ricordato che non sembrano supportare il flash, il che è deludente perché ho avuto una soluzione piuttosto buona. Voglio registrare la voce usando HTML5 in Iphone e Android. C’è un modo?

Potresti provare HTML Media Capture. Un articolo su dev.opera dice:

Android OS 3.0 è stata la prima piattaforma a fornire supporto HTML Media Capture, tramite il browser Webkit Android predefinito. Ora HTML Media Capture è supportato anche da:

  • Safari e Chrome Mobile per iOS 6+
  • Chrome Mobile per Android OS 3+
  • Firefox Mobile per Android OS 3+
  • Opera 16 per Android OS 3+

Tuttavia alcuni di essi implementano solo parzialmente le specifiche o implementano una specifica W3C precedente, il che rende il codice leggermente differente:

   

Si collega a una pagina demo che potresti provare sul tuo dispositivo mobile. Ho trovato anche questa pagina di esempio . Nel mio rapido test di iOS 7, però, ha funzionato correttamente solo per foto e video.


Modifica : Ulteriori letture suggeriscono accept="audio/*" non è attualmente supportato su iOS 6 e 7, accept="image/*" solo accept="image/*" e accept="video/*" .


Aggiornamento : un rapido test su iOS 8.3 suggerisce che nulla è cambiato qui: accept="image/*" e accept="video/*" sono supportati, ma accept="audio/*" non lo è.


Aggiornamento : un rapido test su iOS 10.0.2 suggerisce accept="audio/*" è ancora supportato, anche se sembra che tu possa essere in grado di caricare un file audio da iCloud Drive o Dropbox ora.


Aggiornamento : nonostante ciò che dice nel post del blog Webkit , sembra che non ci sia ancora nessun supporto per accept="audio/*" in iOS 10.3 sul mio iPhone 5S.


Aggiornamento : la stessa storia in iOS 11.0.3. Non sembra esserci alcun supporto per accept="audio/*" sul mio iPhone 5S.

Questo non funzionerà su un sito Web , ma se vuoi rielaborare la tua app Web in un’app mobile utilizzando Cordova, questo ti consentirà di utilizzare l’input del microfono. Prende una certa conoscenza di API audio web per lavorare.

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

E RecorderJS per registrare la sua uscita:

https://github.com/mattdiamond/Recorderjs

Qualcuno sopra menzionato RecorderJS non funziona su mobile ma lo fa, è solo l’ingresso mic che non funziona.

Al momento non conosco alcun modo per registrare l’ingresso mic in un browser su dispositivo mobile

Puoi utilizzare l’ API WebAudio HTML5.

Introduzione alla cattura audio e video Acquisisci audio e video in HTML5

Bella libreria per registrare audio con campioni Recorder.js

Sui browser Webkit ieChrome e Safari in iOS è ansible utilizzare get api multimediali dell’utente con webkitGetUserMedia . I dettagli possono essere trovati qui: html5rocks