HTML 5 stream internet radio station

Status
Niet open voor verdere reacties.

ohreally

Gebruiker
Lid geworden
6 okt 2010
Berichten
19
Hallo,

Ik kreeg de vraag of ik voor iemand z'n radio station een live stream op z'n site kan zetten.
Heb al een aantal js libraries geprobeerd maar tot nu toe krijg ik het niet voor elkaar om audio af te spelen.

Ook heb ik geprobeerd om dmv de html 5 audio tag dit gedaan te krijgen.
Code:
<audio id="audio">
    <source src="http://ip:port/;" />
</audio>

Hoe kan ik dit het beste aanpakken?

Alvast bedankt!
 
Vertel eens meer over die stream-settings?
Verder gaat dat ook niet via het http-protocol.
 
Laatst bewerkt:
Vertel eens meer over die stream-settings?
Verder gaat dat ook niet via het http-protocol.
Het enige wat ik heb is een ip adres en een poort. Heb nog nooit iets met streaming audio gedaan, aan de hand van voorbeelden zag ik dat alle voorbeelden met het http protocol beginnen.
Ik heb ook geen flauw idee welk formaat het wordt gebroadcast wordt aangezien hij nu op vakantie is.

Zag wel dat er flash players waren, maar flash wil ik compleet vermijden en het liefst html5 of js gebruiken.
 
Vraag hem eerst eens via welke protocol hij streamt, of welke software hij gebruikt, met welke instellingen.

En Flash, daar moet je niet aan beginnen.
 
Het enige wat ik nu weet is dat hij streamhosting4you gebruikt, zegt dat je wat?
 
Nee, maar als ik wat onderzoek doe zou hij blijkbaar Shoutcast gebruiken. Daar kan je mee verder gaan?
 
Nee, maar als ik wat onderzoek doe zou hij blijkbaar Shoutcast gebruiken. Daar kan je mee verder gaan?
Klopt, ik heb voor elkaar btw.
Code:
<audio preload="none" autoplay="autoplay" controls="controls">
    <source src="http://ip:port/stream" type="audio/mpeg">
    Your browser does not support this player, please update the version
</audio>
 
Als ik een tip mag geven: Zet autoplay uit. Niets is zo vervelend om opeens muziek uit de boxen te horen. ;)
Veel mensen maak je er bij mee :)
 
<audio preload="none" autoplay="autoplay" controls="controls">
Deze syntax is verplicht bij xhtml.

Bij html5 kan je gewoon het volgende gebruiken (maar de syntax hierboven mag ook)
<audio preload="none" autoplay controls>

Nadeel Flash player: werkt niet op iPhone en iPad
Nadeel <audio> : lastig in css met vormgeving
Beste methode : <audio> onzichtbaar maken en met Javascript de <aduio> bedienen
of makkelijker, een kant-en-klare speler zoals jPlayer.
 
Laatst bewerkt:
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan