È possibile riprodurre flussi radio Internet Shoutcast con HTML5?

StackOverflow https://stackoverflow.com/questions/2229118

Domanda

È possibile riprodurre streaming radio Internet Shoutcast (o alcuni) con HTML5?

Quindi ho il codice successivo:

<html>
<body>
<audio src="http://shoutcast.internet-radio.org.uk:10272/" />
</body>
</html>

Lo salvo come pagina HTML e avvio il browser (Google Chrome 4.0.249.78, Safari o FF)

Ma non funziona/non funziona!(

E non funziona con nessun'altra radio Internet che ho provato a riprodurre!(

Perché!?!Che cosa sto facendo di sbagliato?

comunque:da HTML5 (comprese le aggiunte di prossima generazione ancora in sviluppo) 2.6.1 Concetti del protocolloGli user agent possono implementare una varietà di protocolli di trasferimento, ma questa specifica definisce principalmente il comportamento in termini di HTTP.[HTTP]

Il metodo HTTP GET equivale all'azione di recupero predefinita del protocollo.Ad esempio, RETR in FTP.Tali azioni sono idempotenti e sicure, in termini HTTP.

I codici di risposta HTTP sono equivalenti agli stati in altri protocolli che hanno gli stessi significati di base.Ad esempio, un errore "file non trovato" equivale a un codice 404, un errore del server equivale a un codice 5xx e così via.

Le intestazioni HTTP sono equivalenti ai campi di altri protocolli che hanno lo stesso significato di base.Ad esempio, le intestazioni di autenticazione HTTP equivalgono agli aspetti di autenticazione del protocollo FTP.

È stato utile?

Soluzione

Non si può farlo con ShoutCast ma con Icecast e Edcast cliente è possibile lo streaming dal vivo vorbis attraverso tag HTML5 <audio>. Basta puntare a http://your-url.com:port/stream.ogg : p

Altri suggerimenti

Aggiungi un punto e virgola alla fine della richiesta http. È il protocollo stabilito dal SHOUTcast per sostituire il suo rilevamento del browser. Come in questo esempio: 

<audio controls src="http://shoutcast.internet-radio.org.uk:10272/;"></audio>

HTML5 non precisa quali formati audio (sia progressivo o streaming) il giocatore deve supportare. Questo è per il browser di determinare, sulla base della domanda e la fattibilità di attuazione. In bozze precedenti, abbiamo cercato di indicare alcuni codec di base e formati che tutti i browser devono supportare, ma ognuno dei possibili formati causato alcuni vendor browser per rifiutare per la sua attuazione.

Il seguente sembra funzionare in Safari (4.0.4, WebKit notte 6531.21.10, r54538, Mac OS X 10.6.2), ma non Chrome o Firefox: 

<!DOCTYPE html>
<audio controls src="http://shoutcast.internet-radio.org.uk:10272/"></audio>

(si noti che <audio> richiede un tag di chiusura nella serializzazione HTML, non è possibile utilizzare un tag a chiusura automatica di stile XML, e ho bisogno di includere controls o autoplay al fine di iniziare effettivamente l'audio)

Ciò è probabilmente dovuto al fatto che Safari ottiene il supporto per Shoutcast "gratis" perché semplicemente usa QuickTime per gestire qualsiasi URL audio e video si è dato, e QuickTime ha già il supporto per Shoutcast. Questo può anche portare a qualche strano bug, come implementazione HTTP di QuickTime è, beh, eccentrico , per dirla gentilmente.

Io suggerirei di insetti archiviazione chiedere supporto Shoutcast nei browser che non lo supportano. Qui ci sono i bug tracker per Firefox (Gecko / Mozilla) , Chrome (Chromium) e Safari (se capita di non funzionare su Windows, o qualcosa di simile).

ben Ho controllato ogg_vorbis stazioni. Ho scaricato alcuni playlist e l'aprii nel blocco note, e copiare l'URL di un torrente. Quindi, se si desidera verificare solo copiare questo file vuoto e denominarlo something.html. 

<!DOCTYPE html>
    <html>
    <head>
    <title>audio testing live stream!</title>
    </head>
    <body>
    <audio controls="controls" autoplay="autoplay" src="http://oggvorbis.tb-stream.net:80/technobase.ogg">
    </audio>
    </body>
</html>

il gioco è fatto!

BB 

<!DOCTYPE html>
<audio controls src="http://baldyradio.com:8010/;"></audio>

Questo funziona nella versione di IE9, Triste che lo stesso non si può dire per Firefox 4!

leggere le specifiche audio HTML 5 (http://www.w3schools.com/html5/html5_audio.asp) contorni del W3C che formatta (MP3 o OGG) sono supportati da Quali browser

quello che vorrei fare è di avere un server icecast (non ShoutCast) lo streaming di un MP3 e un flusso OGG

utilizzando JavaScript rilevare il tipo di browser - http://www.javascripter.net/faq/browsern htm

Se (il browser non supporta HTML5) { stampare un messaggio - Utilizzare un nuovo browser }

if (il browser supporta HTML5 e streaming OGG (lista uso da W3C)) { utilizzare lo stream OGG dal server icecast nel tag SRC }

if (il browser supporta HTML5 lo streaming MP3 (lista uso da W3C)) { utilizzare il flusso MP3 dal server icecast nel tag SRC }

Credo che questo sarebbe coprire tutti i principali browser e avrebbe risolto gran parte dei problemi della gente probabilmente troverete in futuro questo sarà ridondante come più browser supportano 

<audio controls src="http://example.com:8000/mountpath;"></audio>

I post precedenti forniscono la risposta corretta, anche se non menzionano l'uso del file barra.Assicurarsi /; è lì dopo l'URL e la porta dello stream.

<audio src="http://shoutcast.internet-radio.org.uk:10272/;" />

Bene, Firefox e Opera non supportano i codec non-free, come mp3 (come con l'Opera 10.5 alpha, FF 3.5 e poi supporta solo PCM WAV e Ogg Vorbis per l'audio). Credo Chrome e Safari supportano MP3, tuttavia.

Il problema successivo è che l'URL sembra puntare a una pagina web che descrive il flusso, non a un ruscello.

Infine, per quanto ne so, nessuno ha messo in atto una playlist parser per l'elemento audio (la specifica menziona solo i file audio, non le playlist), che è un problema qui, come anche quando si fa clic su "ascolta" si ottiene una playlist, piuttosto che un flusso grezzo.

Sì, è possibile giocare a ShoutCast2 Io lo uso come questo in questo modo 

<audio preload="none" autoplay="autoplay" controls="controls">
    <source src="http://178.32.62.172:9079/stream" type="audio/mpeg">
    Your browser does not support this player, please update the version
</audio>
Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top