[TUT] Radio Player (met plaatjes) in VB.

Gestart doorAnne43 reacties624 weergaven

44 berichten · pagina 1 van 3

Anne

Lid · Topicstarter

Berichten
2.186
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Hallo Mensen,

In deze tut ga ik uitleggen hoe je een Radio Player maakt in Visual Basics. Voor zo ver ik weet bestaat er nog geen tutorial voor een Radio Player die er zo uit ziet.

Hij ziet er zo uit:
Afbeelding

Let Op: Dit is een zeer uitgebreide tutorial, zodat het ook op beginners niveau begrijpbaar is, hoe snel je hierover doet hangt van je niveau op VB gebied af.
----------------------------------------------------------------------------------------------------------------------------------------------
Oké, we beginnen met het opstarten van Visual Basic (Ik gebruik 2008).
Als je Visual Basic niet hebt kun je die hier downloaden.

Vervolgens klik je achter Create: op Project... Je klikt op Windows Forms Applications en typt een naam voor je project in. Als je dit gedaan hebt klik je op OK. Zoals hier:
Afbeelding

Dan ga je Windows Media Player toevoegen bij Tools:
Je klikt in de menu balk op Tools en klikt dan op Choose Toolbox Items. Vervolgens wordt er een Pop-Up geopend, daar klik je op het tabje COM Components daarin scroll je helemaal naar beneden en vink je het vakje bij Windows Media Player aan. Als je dat gedaan hebt klik je op OK. Zoals hier:
Afbeelding

Je klikt op Form1 en zoek aan de rechterkant naar Size, dit verander je in 703; 495.
Daarna ga je opzoek naar Text, dit verander je in bv. Radio Player ? (dit mag je zelf weten).
Je verandert FormBorderStyle naar Fixed 3D, MinimizeBox van True naar False en StartPosition naar Centerscreen. Check hierna nog een keer of je Size nog op 703; 495 staat en alle instellingen zoals dit zijn:
Afbeelding

Dan scroll je in de Toolbox helemaal naar onder en sleep je van het tabje General Windows Media Player in je form. Je zet de size op 668; 45. Zorg dat het er zo uit ziet (voor het best resultaat):
Afbeelding

Nu ben je klaar met de Player en kun je gaan beginnen met de buttons en de streams.
Je pakt uit de toolbox een button en sleept die naar je form. De size van deze button moet 156; 115 zijn, anders komt het later niet uit met de plaatjes van de radiozenders. Je kopiërt de button die je op maat hebt gemaakt en zet hem er langs, dit doe je tot er vier in de bovenste rij staan. Je 3 rijen van 4, zoals dit:
Afbeelding

Nu gaan we in de buttons de logos van de radiozenders zetten. We gaan van tevoren even de logos opslaan, deze heb ik op maat gemaakt en deze passen precies als je de buttons op de voorgeschreven maat hebt staan. Sla deze plaatjes op in een mapje (als je deze zenders wilt, als je andere zenders wilt zul je de plaatjes zelf moeten maken):
Klik hier voor de logos van de radiozenders.

Je klikt op Button1 en zoek in de box aan de rechterkant naar text, daarnaast staat Button1, dat verwijder je. Nu zoek je naar BackgroundImage en klik je op de button met drie puntjes (...). Dan klikt je op het bolletje van Local Resource en druk je op Import. Dan zoek je het logo wat je als eerste wilt en open je dat. Check Up:
Afbeelding

Je doet hetzelfde voor alle logos en dan heb je zoiets:
Afbeelding

Je bent nu klaar met het uiterlijk, we gaan nu de streams toevoegen, zodat je player ook echt werkt. Je dubbelklikt op de eerste button, dan kom je in het tabje Form1.vb. Laat je cursor staan waar hij is en plak deze code op die plaats:

AxWindowsMediaPlayer1.URL = "HIER DE URL VAN JE STREAM"


Dan gaan we de stream toevoegen, ik heb hier een lijst geüpload met streams:
Klik hier voor de lijst met streams.
Ga naar die pagina en druk op Ctrl+F en zoek naar de radiostreams die je zoekt (bv. 538). Kopieer de link van die stream en plak hem op de plaats van HIER DE URL VAN JE STREAM. Nu krijg je dit (in het geval van 538):

AxWindowsMediaPlayer1.URL = "http://82.201.100.9:8000/radio538"


Druk op f5 en klik op het eerste logo, wacht even en kijk of de muziek begint met afspelen.
Ja? Je kunt nu verder met het tweede logo, dubbelklik erop, plak de code, en vul de URL van je tweede stream in.
Nee? Je moet nu opzoek naar een andere stream (zoek via Google) Lukt dit niet? Vraag het me via dit topic!
Als je alle streams toegevoegd hebt druk je op f5 en check je of ze allemaal werken. Als dit niet zo is moet je de niet werkende streams vervangen, werkt het wel? dan kun je verder met opslaan. Druk in de menu balk op File --> Save All, voorbeeldje:
Afbeelding

Nu zoek je het bestand op en klik je op bin --> debug --> radio player (of hoe je het genoemd hebt). Je klikt hier met rechtermuisknop op en klikt op kopiëren naar --> Bureaublad (Snelkoppeling maken), like this:
Afbeelding

Nu heb je je eigen Radio Player! Dit was mijn tut, ik hoop dat het jullie allemaal gelukt is, voor vragen kun je een berichtje sturen in dit topic.

//  Gunshot @ One2xs:
// - Het is niet toegestaan deze tutorial te kopiren zonder toestemming van mij.
// - Als er iets niet lukt kun je die van mij hier downloaden:
//   http://www.megaupload.com/?d=SFK8BL1U


Edits:
1: Spellingsfoutje eruit gehaalt en nieuwe link voor de logos toegevoegd.
2: Mijn versie helemaal gezipped en toegevoegd.
3: Titel wat verduidelijkt, zodat je meteen ziet wat, in tut overzicht.
4: Radio 538 stream aangepast in de post --> LET OP: DEZE STAAT DUS VERKEERD IN DE LIJST MET STREAMS.
0
Erik

Lid

Berichten
7.109
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Ziet er zeker goed uit! smileNice man! wink
0
Berichten
2.517
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Mooi biggrin en handig zeer duidelijke tut.
0
Anne

Lid · Topicstarter

Berichten
2.186
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Thanks. pompom
0
Berichten
93.699
Reputatie
0
Punten
1,27
Lid sinds
Laatst gezien
Erg nicebiggrin
EDIT:

De download werkt nietschaterAls je hem opent hangt hij vastschater
0
Berichten
80
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Mooie Tutorial,
Ookal wist ik het all, Maar natuurlijk goed voor mensen die zoiets Willen gaan maken!
0
Berichten
93.699
Reputatie
0
Punten
1,27
Lid sinds
Laatst gezien
Netjes smileGelijk even proberen wink
0
Berichten
8.602
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Zipje voor logos werkt niet
0
Berichten
93.699
Reputatie
0
Punten
1,27
Lid sinds
Laatst gezien
Dat zijn geen logos maar het programma alleen hij is denk paar files vergeten
0
Anne

Lid · Topicstarter

Berichten
2.186
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Die zip files zijn de logos? Ik zal er ff na kijken als ik op een pc zit.
0
Berichten
5.795
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
nice tut man zeker handig voor beginnende visual basic mensjes
0
Berichten
93.699
Reputatie
0
Punten
1,27
Lid sinds
Laatst gezien
Sorry ik dacht dat de link onderaan werd bedoeldschater
0
Berichten
14.363
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Nice thumbsup
0
Anne

Lid · Topicstarter

Berichten
2.186
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Linkjes voor mijn versie en de logos opnieuw geupload, ze werken nu. biggrin
0
Berichten
93.699
Reputatie
0
Punten
1,27
Lid sinds
Laatst gezien
Oke!
Ik had ze btw al van de voorbeelden overgenomen..
0

Jouw reactie

Deel je idee, stel een vraag of help een ander verder.

Editor laden…

Praat mee met de One2xs-community.

Inloggen om te reageren