Hoe werkt de HTML5 audio player?

Met de oude HTML standaard was er geen standaard voor het afspelen van audio files, je had hier voor een plugin nodig zoals b.v. een Flashplayer.
HTML5 biedt een standaard voor het afspelen van audio-bestanden en streams dit doe je met de tag <audio>

Browserondersteuning voor <audio> tag in HTML5:

  • Internet Explorer 9 of hoger
  • Firefox
  • Opera
  • Chrome
  • Safari

Let op: Internet Explorer 8 en eerdere versies, geen ondersteuning voor de <audio> tag.

Welke formaten worden ondersteunt?
Op dit moment zijn er 3 ondersteunde bestandsformaten voor de <audio> tag: MP3, WAV, Ogg

Streaming en HTML5 player
Men kan zowel met Icecast als SHOUTcast streams afspelen met de HTML5 player. Belangrijk is het fomaat van je stream, zie hier de ondersteuning.

  • Internet Explorer 9.0+ MP3, AAC
  • Chrome 6.0+ Ogg Vorbis, MP3, WAV
  • Firefox 3.6+ Ogg Vorbis, WAV
  • Safari 5.0+ MP3, AAC, WAV
  • Opera 10.0+ Ogg Vorbis, WAV

+ = gelijk of hoger dan de versie

Hieronder een voorbeeld HTML5 player met Icecast v2 stream op mp3 fomaat:

Zie hieronder de code van de gebruikte  HTML5 player:

<audio width="300" height="32" 
src="http://stream.intenseradio.net:8000/live" 
controls="controls">This player do not work on this browser
</audio>

Php script now playing SHOUTcast

Voor op je radio website weer te geven wat er momenteel draait hebben wij een php script die informatie inleest van de SHOUTcast server.

Je kunt het script hier downloaden.

Pak het bestand uit (zip), open het met notepad pas het volgende aan: ip adres en portnummer.
$fp = fsockopen(“192.168.1.1”, “8000”, &$errno, &$errstr, 30);

Sla het bestand op,  en upload now_playing.php bestand naar je webserver.

*Tip je kan dit script in een bestaande pagina tonen, doormiddel van  “iframe”, de informatie word automatisch vernieuwd  na 30 seconden.

Backup of 2e stream playlist .asx voor Media Player

Om meerdere files te laten afspelen in de Media Player kan je gebruik maken van meerdere <entry> Dit kan handig zijn als de stream down is dat er toch nog muziek of een melding wordt afgespeelt, zie hier voorbeeld hieronder:

Code:

<ASX version = “3.0″>
<TITLE>Je titel plaats je hier</TITLE>
<ENTRY>
<TITLE>Hier de titel van de eerste inhoud</TITLE>
<AUTHOR>Artiest naam</AUTHOR>

<COPYRIGHT>Stream copyright & datum plaats je hier</COPYRIGHT>
<REF HREF = “http://streamserverdomainnaam/publishingpointnaam” />
<REF HREF = “http://serverurl:portnummer” />

</ENTRY>
<ENTRY>
<TITLE>Hier de titel van de inhoud van de 2e stream of file</TITLE>
<AUTHOR>Artiest naam</AUTHOR>

<COPYRIGHT>Stream copyright & datum plaats je hier</COPYRIGHT>
<REF HREF = “http://streamserverdomainnaam/publishingpointnaam” />
<REF HREF = “http://serverurl:portnummer” />
</ENTRY>

</ASX>

1e <REF..  regel is voor media server streaming
2e <REF.. regel is voor SHOUTcast of Icecast streaming
1 van de 2 weghalen!

1. Open kladblok
2. Kopier de code hierboven en plak het in kladblok
3. Bewerk je code met je eigen gegevens van je stream
4. Ga naar bestand > opslaan als > Tik in “playlist.asx” als de bestandsnaam
5. Ga naar bestandtype en klik aan “Alle bestanden”
6. Opslaan en upload naar je webserver!

Succes!

PAL scripts Jingles/commercials spelen na aantal nummers

Dit script hieronder is geschikt voor afspelen van een speciale nummer uit een categorie na een aantal nummers in Sam Broadcaster.
Veel wordt dit script gebruikt voor jingles of  commercials.

Code:

PAL.Loop := True;
PAL.WaitForPlayCount(25);
CAT[‘Advertisements (All)’].QueueTop(smLemmingLogic,NoRules);

Einde code

  1. Open kladblok
  2. Code hierboven kopieeren
  3. Aanpassen naar eigen situatie dus :  categorie (Advertisements (All)) aanpassen en nummer in counts (25)
  4. Ga naar bestand > opslaan als > Tik in “commercials.pal” als de bestandsnaam
  5. Ga naar bestandtype en klik aan “Alle bestanden”
  6. Opslaan
  7. Sam Broadcaster openen, en ga naar PAL scripts venster
  8. Klik op plusje (+) “toevoegen”  en zoek en laad de pal script

That’s all! Zie ook andere script op onze website laden/vernieuwen van een categorie.

PAL script: Categorie mp3 laden/vernieuwen

Hierbij een voorbeeld voor PAL script voor SAM Broadcaster die een categorie: opschoont, vernieuwd en songs toevoegt. Dit in een bepaalde directory op de stream pc. Dit script start je tijdens opstarten en wordt weer na 3 uur uitgevoerd. Uiteraard moet deze directory wel bestaan.  Dit script kan je ook gebruiken voor jingles, commercials of een programma’s te verniewen/laden.

Code:

PAL.Loop := True;
PAL.LockExecution;
CAT[‘nieuw’].Clear;
DIR[‘C:\sam\muziek\nieuw’].Rescan;
CAT[‘nieuw’].AddDir(‘C:\sam\muziek\nieuw’,True,ipBottom);
PAL.UnlockExecution;
PAL.WaitForTime(‘+3:00:00’);

Einde code

  1. Open kladblok
  2. Code hierboven kopieeren
  3. Aanpassen naar eigen situatie dus : categorie naam (nieuw) 2x veranderen en directorie locatie veranderen 2x.
  4. Ga naar bestand > opslaan als > Tik in “renew.pal” als de bestandsnaam
  5. Ga naar bestandtype en klik aan “Alle bestanden”
  6. Opslaan
  7. Sam Broadcaster openen, en ga naar PAL scripts venster
  8. Klik op plusje (+) “toevoegen”  en zoek en laad de pal script

That’s all!

Wat zijn PAL Scripts?

PAL is een afkorting van Playlist Automation Language en is gemaakt om muziek/radio stations eigenaars volledigautomatiche  hun muziek te laten roleren.
Doel was om een perfecten playlist er mee te maken. Nu wordt het gebruikt door Sam Broadcaster gebruikers hun muziek,  jingles, commercials automatisch te laten afspelen. Ook voor programma’s van 1 uur op een bepaalde dag.

Op onze website zullen we de komende tijd voorbeelden van echte palscript tonen die direct bruikbaar zijn voor Sam Broadcaster gebruikers.

Hoe maak je voor Real audio player een luisterlink

Om voor Icecast en SHOUTcast streaming server een Real audio streaming link te maken doe je het volgende:

Code

http://ipadres:port?mode=compact

Einde Code

  1. Open kladblok
  2. Kopier de code hierboven en plak het in kladblok
  3. Bewerk je code met je eigen gegevens van je stream (dus verander Ip adres en port)
  4. Ga naar bestand > opslaan als > Tik in “listen.ram” als de bestandsnaam
  5. Ga naar bestandtype en klik aan “Alle bestanden”
  6. Opslaan en upload naar je webserver!

In Mediaplayer webpagina tonen

In het vorige artikel hebben we kunnen zien hoe we voor SHOUTcast of Icecast server muziek kunnen afspelen met de Mediaplayer dit doormiddel van .asx file.  We kunnen iets toevoegen in de playlist om een actieve player te maken, dit doen we met: <PARAM name =”HTMLView” VALUE = “http://www.uwradiostation.nl/playlistmediaplayer.html”>
Je kan natuurlijk je website tonen in de Mediaplayer maar je kunt ook een speciale pagina/site maken. De “PARAM name =”HTMLView”” plaats je als volgt in de .asx zie voorbeeld hieronder :

Code:

<ASX version = “3.0″>
<TITLE>Je titel plaats je hier</TITLE>
<ENTRY>
<TITLE>Hier nog een keer je titel van de inhoud</TITLE>
<AUTHOR>Artiest naam</AUTHOR>

<COPYRIGHT>Stream copyright & damtum plaatje hier</COPYRIGHT>
<REF HREF = “http://streamserverdomainnaam/publishingpointnaam” />
<REF HREF = “http://serverurl:portnummer” />
<PARAM name =”HTMLView” VALUE = “http://www.uwradiostation.nl/playlistmediaplayer.html”>
</ENTRY>
</ASX>

Hoe maak je een luisterlink voor mediaplayer?

Geef de luisteraars ook de mogelijkheid om met de mediaplayer te luisteren. Hiervoor maak je een playlist in asx formaat. Deze uitleg is bedoeld voor SHOUTcast streaming en Icecast streaming.

Code:

<ASX version = “3.0”>
<TITLE>Je titel plaats je hier</TITLE>
<ENTRY>
<TITLE>Hier nog een keer je titel van de inhoud</TITLE>
<AUTHOR>Artiest naam</AUTHOR>

<COPYRIGHT>Stream copyright & datum plaats je hier</COPYRIGHT>
<REF HREF = “http://streamserverdomainnaam/publishingpointnaam” />
<REF HREF = “http://serverurl:portnummer” />
</ENTRY>
</ASX>

1e <REF..  regel is voor icecast streaming
2e <REF.. regel is voor SHOUTcast streaming
1 van de 2 weghalen!

1. Open kladblok
2. Kopier de code hierboven en plak het in kladblok
3. Bewerk je code met je eigen gegevens van je stream
4. Ga naar bestand > opslaan als > Tik in “playlist.asx” als de bestandsnaam
5. Ga naar bestandtype en klik aan “Alle bestanden”
6. Opslaan en upload naar je webserver!

Succes!