| 28.
Lapoda 14. - Önálló multimédiás anyag készítése-5.
A FILMOLDAL ELKÉSZÍTÉSE Az Oldal5 oldalon filmlejátszót illesztünk be, amellyel 3 film közül tetszés szerint választhatunk és lejátszhatunk.
Első lépésként töltsük le a filmeket a Youtube csatornáról. Én a
Neoton família 3 videoklipjét választottam.
Válasszuk ki a megfelelő filmet, és indítsuk el a lejátszását! Ha ellenőriztük a működését, meg is állíthatjuk. Nézzük meg a film URL-jét! A letöltés oldal eléréséhez írjunk 2 db s betűt a jelzett helyre: Ha ezek után rákattintasz az átírt címre, a film letöltési oldalára jutsz: Itt a
film egy kockája mellett a letöltés formátumát látod: ez MP4 360
minőség. Ha megjelölted az MP4 360 minőséget, kattints rá! El fog indulni a film lejátszása egy kis ablakban. (Lehet, hogy egy reklámoldal is bejön, de azt zárd be). Kattints jobb gombbal a film képére, és a helyi menüből válaszd a „Videó mentése más néven” opciót! A megjelenő ablakban tallózd ki a mentés helyét! Érdemes a Lapoda könyved filmek mappájába menteni: A letöltött filmnek érdemes rövid nevet adni, mert könnyebb lesz programozni. A leírt módszerrel töltsük le mindhárom filmünket!
Ezután térjünk vissza a Lapoda szerkesztő Oldal4 oldalára! Hozzunk létre egy új oldalt, Oldal5 néven! Az oldalnak adjuk cimkében a következő feliratot:
Az elempalettáról válasszuk ki a film elemet, kattintsunk rá, majd kattintsunk az oldal üres részére bal egérgombbal! Megjelenik a film elem keretének kis téglalapja: A Filmlejátszó tulajdonságok ablakban hagyjuk üresen a fájl mezőt, ezt majd a cimkékhez írt program fogja tartalommal megtölteni, és pipáljuk be az Auto. méret Beállítást!. Ekkor a film a letöltött méretben fog megjelenni és alkalmazkodik a 4:3 vagy a 16:9-es képarányhoz. A beállítást fogadjuk el a zöld pipára kattintva.
Készítsük el a filmlejátszót! Szúrjunk be egy Gomb1 elemet az oldalra! A Gomb tulajdonságok ablakban állítsuk be a gomb feliratát (Play), a fölötte levő egérmutatót mutató kézre!
Ezután írjuk meg a Gomb1 eseményének programját: Ehhez az Események fülön válasszuk ki az OnClick eseményt, és duplán kattintsunk rá. A megjelenő programablakban írjuk be a gomb eseményét:
Fogadjuk el pipával a programot és a Gomb1 tulajdonságokat! A Gomb2 nyomógombot a Gomb1 duplikálásával állítjuk el, így a beállítások megmaradnak, csak a feliratot és az OnClick eseményt kell megváltoztatni:
A Gomb2 a PAUSE (Szünet) feliratot viseli, OnClick parancsa: film1.pause lesz. A Gomb3 elemet ugyancsak duplikálással hozzuk létre. Felirata: STOP, parancsa: film1.stop legyen.
A 3 gombot illesszük egy vonalban egymás mellé, foglaljuk őket azonos számmal jelzett (pl.: 1-es) csoportba. Ekkor a 3 elem összekapcsolódik és egyszerre mozgatható.
Ezután készítsük el a lejátszó gördítősávját! Szúrjunk be egy gördítősáv-elemet! A gördítősáv beállítása a következő:
A gördítősávot helyezzük el a gombok alá, és foglaljuk a gombokkal azonos csoportba: Ahhoz, hogy a gördítősávval bele tudjunk tekerni a lejátszott filmbe, hozzá kell rendelni a Film1 elemhez. Nyissuk meg a Filmlejátszó tulajdonságok ablakot és válasszuk ki a Gördítősáv1 elemet:
A zöld pipára kattintva a hozzárendelést el is végeztük. Mentsük az oldal eddigi változásait!
A lejátszóhoz egy cimkét is társítunk, amelyet úgy programozunk, hogy az éppen lejátszott film címét mutassa: Ezt a Cimke3 elemet is foglaljuk a lejátszó többi elemével azonos csoportba! A lejátszó keretét készítjük el. Ehhez egy Alakzat1 elemet szúrunk be az oldalra: Ennek tulajdonságait a következőképpen állítjuk be: Méretezzük akkorára, hogy valamivel nagyobb legyen, mint az eddig egy csoportba sorolt lejátszó elemek együttese, majd a Helyi menü / Hátraküldés parancsával vigyük a gombok mögé, majd foglaljuk a többi elemmel azonos csoportba! Ezzel kész is a lejátszónk, amit húzzunk a kép bal alsó sarkához.
Most készítsük el a filmválaszték menüjét! Mivel a háttér eléggé mozgalmas, ezért a három választható klip címét egy eddig is használt sárga színű alakzatba helyezem: A 3 cimkét a következőképpen állítjuk be: A cimkék mindegyikét a sárga Alakzat2 elemmel együtt azonos csoportba soroljuk (2) így egy egységet képeznek, de függetlenek a látszóhoz használt 1-es csoporttól. A cimkék fölött az egérmutató legyen mutató kéz, jelezve, hogy a cimkére lehet kattintani.
Készítsük el a cimkék eseményeit! Válaszd az első klip címét tartalmazó cimkét (220 felett), kattints rá jobb egérgombbal, a Cimke tulajdonságok ablakban kattints az Események fülre! Válaszd az OnClick eseményt! Ennek programja: A program első sora a film1 lejátszóba betölti a filmek mappában levő 220.mp4 filmet. A második sor a lejátszó Cimke3 elemének feliratát megváltoztatja, hogy az idézőjelbe írt szöveg jelenjen meg. Pipára
kattintva fogadd el, mentsd el a beállításokat és az
Oldal próba
nézetben indítsd el a lejátszást. Ha sikeresen működik, a többi cimkéhez is felhasználod a lemásolt parancsot, csak annyi a különbség, hogy a filename sorban más fájlnevet kell beírni, illetve a caption sorban más szöveget kell az idézőjelekhez beírni.
Ha mindhárom filmet le tudod játszani, a munkát tökéletesen befejezted.
|
