Zenelejátszó HTML oldalra
1. LÉPÉS
Regisztrálj egy ingyenes tárhelyre! Vagy, ha már van tárhelyed, annál jobb
2. LÉPÉS
Töltsd le az mp3 lejátszót INNEN, majd csomagold ki. A kicsomagolásról itt olvashatsz:
//aranymeli.gportal.hu/gindex.php?pg=16464872
Elvileg 5db fájlt és egy "mp3" nevű mappát kell találnotok benne, a tesztlap.html-lel tudjátok tesztelni a lejátszót. Valószínű szólni nem fog, mert az mp3 mappába nem tettem számokat, hogy kisebb legyen a mérete a fájlnak. Majd te teszel bele zenéket :)
3. LÉPÉS
Helyezd el ezt a scriptet az oldalad azon lapjainak <head> TAGjába, ahol használni fogod a lejátszót:
<script language="JavaScript" src="ufo.js"></script>
4. LÉPÉS
Nyisd meg a config.xml fájlt, amiben meg tudod változtatni a lejátszó színeit, valamint, hogy milyen hangosan induljon a lejátszó. Ezeknek a tagoknak a tartalmát cseréld le:
- volume (0tól 100ig állíthatod a hangerősséget)
- backcolor (a háttérszín)
- fontcolor (a betűszín)
- lightcolor (csúszka, egyéb színek)
Ha ezeket átállítottad mentsd el. Ezen a fájlon mást nem kell megváltoztatni.
5. LÉPÉS
Nyisd meg a playlist.xml fájlt, amiben megadhatod az mp3 fájlokat, amik majd bekerülnek a lejátszóba. Fontos, hogy azokat a zenéket amiket majd felszeretnél tölteni a szerveredre az mp3 mappába tedd bele.
Így tudod linkelni őket:
<track> <annotation>In This Moment - Whispers of October</annotation> <location>mp3/october.mp3</location> </track>
- az annotation tagba kerül a szám címe/előadója
- a location tagba kerül a fájl elérési útvonala
Az mp3 fájlokat ajánlott egy szóval megadni és fontos, hogy kisbetűvel (ékezetek nélkül).
5. LÉPÉS
Ez lenne az utolsó lépés, ahol megtudhatod hogyan tedd be az oldaladba a lejátszót. Ezt a szkriptet illeszd be az oldalad azon részébe, ahol szeretnéd, hogy a lejátszó legyen.
A szkript:
<p id="playlist"><a href="http://www.macromedia.com/go/getflashplayer">Get the Flash Player</a> to see this player.</p> <script type="text/javascript"> var FO = { movie:"mp3player.swf", width:"200", height:"250", majorversion:"7", build:"0", bgcolor:"#000000" }; UFO.create(FO, "playlist"); </script>
- a width a lejátszó szélessége
- a height a lejátszó magassága
- a bgcolor a lejátszó alap háttérszíne (amíg be nem tölt a lejátszó)
Ha több számos lejátszót szeretnél, akkor már több dolgod nincs is ezzel, mint felmásolni a szerverre az összes fájlt és az mp3 mappát a zenékkel együtt.
1DB-OS LEJÁTSZÓ
Ha csak 1db zenét szeretnél feltenni az oldaladra, akkor először is neked semmi szükséged nincs a playlist.xml fájlra, tehát azt majd nem is kell felmásolnod az oldaladra; másodszor neked egy másik beillesztő szkriptre lesz szükséged, mégpedig erre:
<p id="single"><a href="http://www.macromedia.com/go/getflashplayer">Get the Flash Player</a> to see this player.</p> <script type="text/javascript"> var FO = { movie:"mp3player.swf", width:"200", height:"20", majorversion:"7", build:"0", bgcolor:"#000000", flashvars:"file=mp3/october.mp3" }; UFO.create(FO, "single"); </script>
- a width a lejátszó szélessége
- a height a lejátszó magassága
- a bgcolor a lejátszó alap háttérszíne (amíg be nem tölt a lejátszó)
- a flashvars az mp3 fájl elérési útvonala, az idézőjelbe írd bele, a minta alapján
|