2010-02-09 12 views
24

È possibile riprodurre flussi di internet radio shoutcast (o alcuni) con html5?È possibile riprodurre i flussi di radio internet di shoutcast con html5?

così ho codice successivo:

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

ho salvarla come pagina HTML e iniziare il mio browser (Google Chrome 4.0.249.78, Safary o FF)

Ma non gioca/lavoro! (

E non gioca con qualsiasi altra radio internet ho provato a giocare! (

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

btw: da HTML5 (including next generation additions still in development) 2.6.1 Protocol concepts Gli agenti utente possono implementare una varietà di protocolli di trasferimento, ma questa specifica definisce principalmente il comportamento in termini di HTTP. [HTTP]

Il metodo HTTP GET è equivalente 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 a 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 è equivalente 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 sono equivalenti agli aspetti di autenticazione del protocollo FTP.

+0

qui potete trovare alcune informazioni e link che si possono utilizzare altri:

+0

Un po 'correlato a questo problema: http://stackoverflow.com/questions/17014317/playing-mp3-shoutcast-streams-with-html5-audio-in-firefox?answertab=votes#tab-top – spender

risposta

10

Non è possibile farlo con ShoutCast ma con Icecast e client edcast è possibile eseguire lo streaming di vorbis dal vivo tramite tag HTML5 <audio>. Basta puntarlo su http://your-url.com:port/stream.ogg: p

+7

conosci qualche trasmissione radiostation live in ogg? – Rella

+5

@Blender, ci sono un sacco di stazioni che trasmettono in OGG! http://dir.xiph.org/by_format/Ogg_Vorbis – Brad

1

Bene, Firefox e Opera non supportano i codec non-Free come l'mp3 (come con Opera 10.5 alpha, FF 3.5 e versioni successive supporta solo PCM wav e Ogg Vorbis per l'audio). Credo che Chrome e Safari supportino MP3, comunque.

Il prossimo problema è che l'URL sembra indicare una pagina web che descrive lo stream, non un flusso.

Infine, per quanto ne so, nessuno ha implementato un parser di playlist 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" ottieni una playlist piuttosto che un flusso raw.

+0

word "Web radio" esiste qui molto (nella specifica) http://www.whatwg.org/specs/web-apps/current-work/multipage/video.html#attr-media-src – Rella

+0

Il tuo diritto, stavo cercando in il wro posto –

16

HTML5 non specifica i formati audio (progressivi o in streaming) che il lettore deve supportare. Questo dipende dal browser per determinare, in base alla domanda e alla fattibilità dell'implementazione. Nelle bozze precedenti, abbiamo cercato di specificare alcuni codec e formati di base che tutti i browser devono supportare, ma ognuno dei possibili formati ha causato il rifiuto da parte di alcuni produttori di browser di implementarlo.

appare quanto segue a lavorare 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> 

(notare che <audio> richiede un tag di chiusura nella serializzazione HTML, non è possibile utilizzare un tag a chiusura automatica in stile XML e devo includere controls o autoplay per avviare effettivamente l'audio)

Ciò è probabilmente dovuto al fatto che Safari ottiene il supporto per Shoutcast "gratuitamente" perché utilizza semplicemente QuickTime per gestire qualsiasi URL audio e video che viene fornito, e QuickTime ha già il supporto per Shoutcast.Ciò può anche portare a strani bug, dato che l'implementazione HTTP di QuickTime è, beh, quirky, per dirla gentilmente.

Suggerirei di archiviare bug per chiedere supporto per Shoutcast nei browser che non lo supportano. Ecco i bug tracker per Firefox (Gecko/Mozilla), Chrome (Chromium) e Safari (se non funziona su Windows o qualcosa del genere).

+0

Suppongo che non abbia specificato nulla su quali formati di streaming supportare? O diresti se supporta un codec audio, "sosterrà" in genere lo streaming in quel formato? – rogerdpack

39

Aggiungere un punto e virgola alla fine della richiesta http. È il protocollo stabilito da shoutcast per ignorare il rilevamento del browser. Come in questo esempio:

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

Questo funziona per il mio sito che ho realizzato per la stazione radio online della mia scuola. Usano le scorciatoie che trasmettono il flusso mpeg. Non è necessario javascript –

+0

In realtà, per me il punto e virgola genera un 404 (File non trovato). Ho appena aperto l'interfaccia di amministrazione icecast da dove sono stato in grado di trovare e aprire il punto di montaggio del flusso e ho copiato l'elemento HTML (era il video, ma anche l'audio funziona) sul mio frontend. Rock'n'roll :) – metakermit

+0

Ricevo errori nel lettore dopo il caricamento! –

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

ben Ho controllato ogg_vorbis stazioni. Ho scaricato alcune playlist e l'ho aperta nel blocco note e ho copiato l'url di un flusso. Quindi se vuoi testarlo basta copiare questo file vuoto e chiamarlo qualcosa.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> 

questo è tutto!

BB

3

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

Quello che vorrei fare è 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) { di stampa di un messaggio - Utilizzare un nuovo browser }

se (il browser supporta HTML5 e streaming OGG (lista uso da W3C)) { utilizzare il flusso di OGG dal server icecast nel tag SRC }

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

penso che questo avrebbe coperto tutti i principali browser e avrebbe risolto la maggior parte dei popoli problemi probabilmente troverai in futuro questo sarà ridondato formica come più browser supportano

+2

Il supporto del rilevamento del browser e delle matrici di supporto W3C è un percorso verso la follia. Esiste un modo programmatico per rilevare il supporto del flusso. Soundcloud lo usa e hanno creato questo http://areweplayingyet.org che è possibile ispezionare il codice su github per vedere come lo fanno. –

+0

Please [DO NOT] (http://w3fools.com) collegamento a w3schools quando si parla di specifiche. Quel sito ha una connessione ZERO al w3c (eccetto che probabilmente le persone w3c li odiano). Contiene anche molte informazioni obsolete, errate o insicure. – ThiefMaster

4
<!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!

2

I post in alto danno la risposta corretta, sebbene non menzionino l'uso della barra . Assicurati di /; è lì dopo l'URL e la porta del flusso.

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

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> 
Problemi correlati