Integrace free mp3 přehrávače do RapidWeaveru

K tomuto článku mě „navedl“ Walda Švábenský, kterého tímto zdravím. Jelikož jsme oba dost antitalenti na všelijaké ty html kódy, CSS styly a podobné webařské serepetičky, pracujeme s báječným Rapid Weaverem, kde člověk nemusí znát takřka nic :o) A vyměňovali jsme si tuhle nějaké poznatky... já Waldemarovi poradil s videem a obrázky á la lightbox a mediabox (čtěte zde) a on mě poslal odkaz na diskuzi a několik rad právě ohledně začlenění mp3 přehrávače. Pojďme si tedy projít návod pro laiky a začátečníky krok za krokem...

1) Přihlašte se pomocí vašeho FTP klienta na server, kde máte fyzicky umístěny svoje stránky a tam si v hlavním adresáři (tam, kde máte i spouštěcí soubor, který bude mít nejspíš název index.html) vytvořte složku s názvem plugins a v ní podsložku s názvem audio-player. Obě složky si samozřejmě můžete nazvat jak chcete, ale pro lepší orientaci budu používat tyto názvy.



2) Stáhněte si tuto zazipovanou složku.

3) Rozpakujte ji a oba soubory, které tam najdete nakopírujte na server do před chvílí vytvořené složky www.vasedomena.xy/plugins/audio-player. Rozzipovanou složku na vašem disku (a samozřejmě i původní *.zip) můžete smazat.

4) Stáhněte si tento zazipovaný texťák s kódy a rozbalte ho.

5) V dokumentu Rapid Weaveru si zobrazte paletu Page Inspector (Cmnd+Shift+I) a tam zvolte záložku Header a „podzáložku“ stejného jména. Sem pomocí Cmnd+C / Cmnd+V vložte zkopírovaný první kód ze staženého textového dokumentu. Paletu můžete zavřít.



6) Zkopírujte si z texťáku druhý kód a vložte ho přímo do textového pole stránky Blog v Rapid Weaveru.



7) Jděte opět na FTP server a založte si někde složku, kam budete umísťovat vaše mp3 soubory. Já ji udělal opět v hlavním adresáři a nazval (logicky) mp3. Nakopírujte si do ní zvolený mp3 soubor.

8) V kódu vloženém do stránky Blog vašeho RW dokumentu nyní přepište potřebná data dle následujícího příkladu na screenshotu. Vše samozřejmě s vašimi údaji (název vaší domény, vašich složek, vašeho mp3 souboru).



9) Pokud jste postupovali přesně podle návodu, po přepnutí do Preview módu uvidíte na vaší stránce následující flashový mp3 přehrávač. A jako odměnu za vaši šikovnost si teď poslechněte jednu z nejkrásnějších písniček, jakou znám...








Pozor na „chipmunk“ efekt!

Macromedia Flash Player má prý problémy s přehráváním souborů, které jsou kódovány v míře, jež není násobkem 11 025 kHz. Tento problém je někdy také nazýván jako chipmunk efekt a soubor je pak přehráván s dvojnásobnou rychlostí. Aby k tomu nedošlo, je třeba nastavit kódování mp3 na 11 025 kHz, 22 050 kHz a 44 100 kHz. Toho můžete docílit třeba přes iTunes nebo jiný konverzní program. Ale myslím, že si s tím nemusíte moc lámat hlavu, v praxi se s tím setkáte jen výjimečně.

Jinak výše popisovaný postup není jediným. Vše se dá řešit i přes Assets nebo pomocí pluginu Stacks apod., ale to už si kdyžtak pozjišťujte sami ;o)

Další informace
o integraci flash audio playeru do RW, ale i do Wordpressu, Bloggeru atd. najdete mimo jiné na těchto stránkách:
Realmac Software forum - Audio Player
http://www.1pixelout.net/code/audio-player-wordpress-plugin/
http://www.macloo.com/examples/audio_player/

blog comments powered by Disqus
© 2005–2018 Mach Napište mně