Ricerca tramite file MP3 in streaming con HTML5 <audio> tag

Question

Speriamo che qualcuno possa aiutarmi con questo.

Sto giocando con un server node.js che trasmette l'audio ad un client e voglio creare un player HTML5. In questo momento sto trasmettendo il codice dal nodo usando la codifica Chunked, e se vai direttamente all'URL, funziona alla grande.

Quello che mi piacerebbe fare è incorporare questa utilizzando il tag HTML5 <audio>, in questo modo:

<audio src="http://server/stream?file=123"> 

dove /stream è il punto finale per il server del nodo per lo streaming MP3. Il player HTML5 si carica bene in Safari e Chrome, ma non mi consente di cercare, e Safari dice anche che è un "Live Broadcast". Nelle intestazioni di /stream, includo la dimensione del file e il tipo di file e la risposta viene terminata correttamente.

Qualche idea su come potrei aggirare questo? Certamente potrei semplicemente mandare tutto il file in una volta, ma poi il lettore aspetterà che tutto venga scaricato - preferisco farlo in streaming.

Answer 1

dai uno sguardo qui http://www.scottandrew.com/pub/html5audioplayer/, ho usato questo e viene riprodotto mentre sta scaricando il file. Aspetta un po 'per il buffer, ma poi suona. Non ho mai provato a cercare, ma inizierei cercando di impostare "aud.currentTime" nel suo codice se ciò fosse possibile.

Buona fortuna

Answer 2

Si sta inviando una Accept-Ranges (intestazione RFC 2616, Section 14.5) risposta?

Answer 3

Da quello che ho capito si desidera che il lettore per consentire all'utente di saltare a parti del audio/video che porto' Ho ancora il buffering, qualcosa di simile a ciò che fanno i giocatori di Vimeo/YouTube. Tbh Non sono sicuro che sia possibile, visto che ho visto alcuni esempi di elementi mediali html5 e loro non mi hanno permesso di cercare parti non bufferizzate :(

Se si desidera cercare attraverso la parte bufferizzata, non è un problema. creando un problema per te stesso qui, per quanto ho capito. Vuoi trasmettere il file in streaming e ciò che fa è far pensare al giocatore che tu abbia qualche tipo di live streaming là fuori. Se hai appena inviato il file direttamente, non avresti questo problema, perché il lettore sarà in grado di iniziare a giocare prima di caricare l'intero file. Funziona bene sia con elementi audio che video, e ho confermato questo comportamento sia in Chrome che in FF :)

Spero che questo aiuti!

Answer 4

forse questo html5 audio player example spiegherà e ci mostrerà il nuovo elemento ei suoi metodi .load, .play, .currentTime, ecc.

Io uso una matrice di elementi e posso naturalmente impostare la posizione corrente. possiamo usare anche eventhandlers (ad esempio 'loadeddata') per aspettare prima di consentire di cercare.

ping e divertirsi con HTML5 :)

Answer 5

Assicurarsi che il server accetta le richieste di intervallo, è possibile controllare per vedere se è Accept-Ranges nell'intestazione. In jPlayer questo è un problema comune nei browser Webkit (in particolare Chrome) quando si tratta di progressi e ricerca di funzionalità.

Potrebbe non essere possibile utilizzare jPlayer, ma le informazioni sulla risposta al server sul sito Web ufficiale potrebbero essere utili.

http://www.jplayer.org/latest/developer-guide/#jPlayer-server-response

Answer 6

ma ho avuto lo stesso problema. È necessario impostare alcune intestazioni per la risposta del file multimediale.

come ad esempio:

Accept-Ranges:bytes 
Content-Length:7437847 
Content-Range:bytes 0-7437846/7437847 

tag Poi l'audio sarà in grado di ricerca di