Incorporamento html5 <audio> in una webapp mobilesafari. è possibile caricare un'immagine al posto del logo quicktime nel lettore modale?

Question

Non riesco a trovare una risorsa che spieghi se è possibile. La documentazione mela trovato qui

http://developer.apple.com/safari/library/documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/AudioandVideoTagBasics/AudioandVideoTagBasics.html#//apple_ref/doc/uid/TP40009523-CH2-SW1

... non menziona tali caratteristiche.

Ho anche provato a incorporare l'audio con il tag che richiama lo stesso lettore quicktime modale.

C'è un modo per farlo o in alternativa - c'è un modo per riprodurre file audio in una webapp per iphone senza aprire un lettore esterno modale?

Grazie!

Answer 1

Ho trovato una soluzione alternativa per ottenere questa funzionalità utilizzando lo strumento da riga di comando mediafilesegmenter di Apple per preparare un mp3 per "HTTP Live Streaming": il nuovo protocollo di Apple per lo streaming multimediale tramite HTTP.

Maggiori informazioni qui: http://developer.apple.com/iphone/library/documentation/NetworkingInternet/Conceptual/StreamingMediaGuide/Introduction/Introduction.html#//apple_ref/doc/uid/TP40008332-CH1-DontLinkElementID_29

Utilizzando gli argomenti --audio-only --meta-file poster.png --meta-type picture è possibile creare un flusso di mp3 che visualizzerà l'immagine poster.png in QuickTime Player esterno mentre l'audio è in riproduzione.

Answer 2

Non sono a conoscenza di alcuna capacità di personalizzazione. Potresti forse aggiungere un po 'di script che nasconde completamente l'elemento <audio> e fornisce controlli di interazione JavaScript alternativi in ​​stile a tua scelta.

Answer 3

È possibile riprodurre audio in linea utilizzando jPlayer, un plug-in jQuery MP3.

Demo (provare su iPhone): http://happyworm.com/jPlayerLab/single-page-app/#first