jednoduchá webová galéria phbox

11.4.2011 21:07 | Přečteno: 1338× | poslední úprava: 12.4.2011 10:23

Kedže ľudia, čo videli môj prvý zápisok určite objavili na stránke aj zdrojáky pre fotoalbum, alebo sa aspoň divia prečo nefunguje na opere, chrome atd... Kedže pôvodne som si chcel založiť blog na konkurenčnom servery (uid=0), kde ale moje zápisky nepovažovali za kvalitné (načo majú samozrejme právo) utiekol som sem (načo mám právo ja). Preto sú na mojom webe v priečinku ugly-hacks zdrojáky pre fotoalbum. Odpoveď na druhú otázku je lebo

Dnes som si pripravil jeden navonok pekný (ale pod kapotou skutočne nepekný) kúsok. Pôvodný nápad bol vytvoriť jednoduchý webový album, ktorý nebude otravovať užívateľa. Nakoniec som sa rozhodol, že najmenej otravujúce bude jednoducho nakopírovať fotky a videa cez (s)ftp a pridať súbor(photodir.pdir), ktorý bude obsahovať názov a popis pre fotoalbum a o ostatné sa postará galéria. Ale dosť bolo rečí je na čase ukážka (dole) a tiež aj demo:

Implementácia

Celý album je zbúchaný v PHP a využíva ImageMagic, ktorý sa stará o generovanie náhľadov, dalej volá mplayer, ktorý poskytuje to isté pre videá a ešte zopár funkcii ktoré sa starajú o extrahovanie EXIF informácií z fotiek (mplayer zas tahá idtagy). O pohyblivú grafiku sa stará jQuery.

Album ako taký sa volá ako handler pre *.pdir súbory a kedže photodir.pdir je nastavený ako jeden z indexových súborov tak sa po otvorení priečinku ide priamo na album. Po jeho zavolaní si phbox vygeneruje náhľady a zmenšeniny fotiek (pokiaľ ich už nevytvoril).

Užívateľský manuál

nakopíruj fotky do priečinka a vytvor tam súbor photodir.pdir (v UTF8)

<Meno albumu>;
<stručný popis>

Neotváraj album skôr ako nakopíruješ fotky!

Manuál pre nás ostatných

• Stiahni a rozbaľ phbox
• Pridaj handler pre *.pdir súbory a DirectoryIndex pre photodir.pdir

handler pre apache2 zvyčajne v /etc/apache2/mods-enabled/actions.conf

AddHandler photodir .pdir
Action photodir /phbox/index.php

Directory index pre apache2 zvyčajne v /etc/apache2/mods-enabled/dir.conf

<IfModule mod_dir.c>
   DirectoryIndex photodir.pdir index.html index.cgi index.pl index.php index.xhtml index.htm
</IfModule>

Samozrejme ak nie sú moduly actions a dir povolené treba ich povoliť

a nakoniec nastav phbox, ktorý na konfiguráciu využíva SUI (Source code User Interface )

v phbox/index.php:13

$auri = "http://www.horinek.sk/"; //adresa servera
$prefix = "/home/horinek/data/www/horinek/phbox/data";  //umiestnenie cache pre obrázky

Plusy

• album je relatívne pekný (podla mňa)
• je jednoducho nastaviteľný (zvládne aj priateľka zamestnanec ^*)

a mínusy

• beží normálne len na Firefoxe (viem, ale netrápi ma to, dobre možno trochu)
• vysoké nároky na to, že to je len album (nič čo by 5-7 ročný komp nezvládal)
• po vymazaní/zmene obrázku sa nevymaže/nezmení cache (potreba manuálny zásah)

No, však skúste si to sami.

Nabudúce popíšem niečo buď o synchronizácii súborov alebo malý vynález určený na fotenie

Očakávam v diskusii nejaký feedback

---

* http://www.abclinuxu.cz/zpravicky/sexisticka-manualova-stranka-ve-freebsd        

Obrázky

Komentáře

[Semo]

Jedine, co mi nefunguje v Opere je scrolling spodneho zoznamu obrazkov. Mozno pridat nejake tlacitka na kraj toho pasu pre blbsie browsery a prezije sa aj bez scrolovania.

[Max]

Když galerku v php a bez cms, tak jedině piwigo :).
Zdar Max

[PipBoy2000]

Presne toto som nehľadal. Chcel som niečo skutočne jednoúčelové a jednoduché. Niečo ako alternatívu pre file listing pre obrázky

[ed]

ja som lama leniva, tak som si to napisal v bashi. nakopcim cez sftp subore, spustim skript, vyrobi staticke html a viacej sa neriesi. tiez som to riesil ako alternativu k file listingu adresara ked ma po predstave nutnosti pisat nieco v PHP prepadla silna nevola.

[Ragzid]

Ze by neslo preskrnout text?

Blbost

Tedy, chtel jsem rici nesmysl Staci pouzit style="text-decoration: line-through"

[PipBoy2000]

no pravda moc som to neskusal ide to aj takto

[Jiří Němec]

Docela se mi líbí ta javascriptová část, kdyby se toho chytil někdo, kdo ví jak resizovat obrázky a jak zmenšit počet http spojení, byla by z toho slušná a nenáročná galerie. Nelíbí se mi jak to spoléhá na hromadu nainstalovaného sw jako třeba mplayer. Mohl bych si ten js vypůjčit až se příště dostanu k vylepšení all-bum?

[PipBoy2000]

Nelíbí se mi jak to spoléhá na hromadu nainstalovaného sw jako třeba mplayer.

No knižnica ImageMagic je často súčasťou php, jQuery je js framework. Takže okrem mplayeru neviem o ďalšej potrebnej hromade SW.

Čo sa týka preloadu obrázkov ten sa dá ovplyvniť zmenou v index.php:334 (počet paralelne načítavaných obrázkov)

    var pr_load_step = 5;

a čas medzi načítavaním sa dá zase ovplyvniť zmenou index.php:324

    var pr_timeout = 50;

Mohl bych si ten js vypůjčit až se příště dostanu k vylepšení all-bum?

Kľudne ber a vykradni čo nájdeš

[MaFy]

Konecne jsem to zase nasel... Posles mi prosim link na all-bum?