html5 audio livestreaming

Question

Sto creando il mio audio, senza controlli del browser.

<audio src="http://50.7.98.194:8081/~dl3/cgi-bin/dl.cgi/bqmu5mltxcqy43mxecgo4gnw743qr7fd7io22q5xj4/gl1mwvp6b326.mp3" id="audio"> 
</audio> 

ho queste funzioni, chiamate quando si fa clic alcuni pulsanti:

function play() 
{ 
    audio.play(); 
} 

function play() 
{ 
    audio.pause 
} 

function stop() 
{ 
    audio.pause(); 
    audio.src = audio.src; 
} 

Ma per ora, ho solo in grado di riprodurre mp3 o ogg, ma non una radio in diretta streaming. Ho letto di alcuni plugin, ma ho bisogno di farlo con html5 puro.

Potrebbe aiutarmi, per favore? Grazie mille,

Answer 1

Sfortunatamente, non esiste ancora un singolo codec video e audio, supportato da tutti i browser! I programmatori devono assicurarsi che ci sia un fallback per i casi d'uso in cui il browser A non supporta il codec B e viceversa.

È possibile dare un'occhiata a questa tabella di compatibilità, sia per i browser desktop sia per i browser mobili.

desktop:

• Internet Explorer (9.0+) il supporto MP3 e AAC codec
• Chrome (6.0+) supportare Ogg Vorbis, MP3, WAV +
• Firefox (3.6+) supportare Ogg Vorbis, WAV
• Safari (5.0 +) supporto MP3, AAC, WAV
• Opera (10.0+) supportare Ogg Vorbis, WAV

Cellulare:

• Opera Mobile (11.0 e versioni successive) supportato codec dipendono dal dispositivo
• Android (2.3+) supportati i codec sono
• mobile Safari (iDevices con iOS 3.0 dipendente dal dispositivo +) supporto MP3, AAC
• Blackberry (6.0+) supporto MP3, AAC

da flash è stil È abbastanza diffusa, è probabilmente la soluzione più sicura.

Inoltre, voglio sottolineare che non c'è niente di peggio di utilizzare alcuni biblioteca, alcuni di loro (ad esempio jPlayer) fornisce un'interfaccia molto potente e questo solo può aiutare a produrre codice migliore!

Penso che si può trovare tutto quello che vuoi sapere nel seguente articolo: HTML5 Audio Radio Player by Opera Devs

Answer 2

Riproduzione audio da una "fonte live" sembra essere supportata dai browser moderni. In pratica basta utilizzare i normali HTML 5 tag audio e inserire l'URL "diretta streaming" come sorgente, es:

<audio controls> 
    <source src="http://audio-mp3.ibiblio.org:8000/wcpe.mp3" type="audio/mpeg"> 
    <source src="http://audio-ogg.ibiblio.org:8000/wcpe.ogg" type="audio/ogg"> 
</audio> 

e il torrente "semplicemente funziona" per così dire, anche se il tentativo di ricercare con i controlli predefiniti non fa nulla. Quindi alla fine potresti voler sostituire i controlli con quelli "personalizzati", nel normale stile dei supporti HTML 5.Per compatibilità con i browser non HTML 5, questo progetto può essere utile: https://github.com/etianen/html5media/wiki/Embedding-audio (non è stato testato con lo streaming live ma potrebbe/dovrebbe funzionare). Il codec Mp3 sembra essere supportato nei principali browser (a eccezione forse di Firefox su Linux [?]). Opus potrebbe essere un'altra opzione ben cross-platform, non sono sicuro che il codec sia la scelta "migliore" per così dire.

Con alcuni flussi (presumo shoutcast), ho dovuto aggiungere una chiusura ';' per l'URL, vedi https://stackoverflow.com/a/3182814/32453 per le note lì, ma fondamentalmente è solo per ottenere l'URL "giusto".