Články z rubriky ‘Grafika&Webdesign’
Úterý, Leden 26th, 2010
Kdo viděl kvalitní full HD video, tedy rozlišení kolem 1920×1080, ví, že to nemá chybu. Video zaznamenané v tomto rozlišení je něco vyjímečného, co se blíží k živému prožitku. Pokud bychom věřili značce a hledali u Canonu, což není jistě chyba, toto rozlišení nabízí videocamera Canon LEGRIA HF200. Cena kolem 16000Kč. JENŽE. Mám už doma zrcadlovku Canon a k ní pár dobrých objektivů. A věřím tomu, že dobrý objektiv dělá 90% obrazové kvality fotky.
Nastává tedy dilema, zda využít své drahé príma objektivy a koupit nové tělo zrcadlovky co umí točit full HD video, nebo koupit novou videokameru a smířit se s jejím kompromisním objektivem… A věřím že na Canon EF 70-200mm f4L ty vestavěné objektivy kamer opravdu nemají.
Babo raď…
Canon EOS 7D je proto moc pěkný
a snímá až 30 fps, což běžné kamery také značně překonává… Navíc nízkou hloubku rozlišení já opravu nevidím jako nevýhodu, ale naopak posun k profi výsledku.
Publikováno v Blog, Grafika&Webdesign | Žádné komentáře »
Čtvrtek, Listopad 26th, 2009
Wordpress je můj oblíbený redakční systém, ovšem… má jako všechno i své mouchy. Zrovna jsem narazil na jednu masařku – při použití vestavěného WYSIWYG editoru pro psaní příspěvků odstraní při uložení všechny prázdné řádky v příspěvku, takže prakticky nejde vůbec odřádkovat pomocí klávesy ENTER.
Prý je to vlastnost, a ne chyba. Ale vysvětlujte to lidem, kteří prostě potřebují odřádkovat! Také pokud se přepnete do html, ručně vložíte kód, tak po přepnutí zpět do WYSIWYG editoru a uložení dojde ke k vynechání nebo přidání tagů
Řešením tohoto problému je instalace a aktivace pluginu TinyMCE Advanced, který nahradí ten ve Wordpressu vestavěný.
Aby to fungovalo jak má, je ještě potřeba provést zaškrtnutí volby „Stop removing the <p> and <br /> tags when saving and show them in the HTML editor“ v konfiguraci tohoto pluginu.
Publikováno v Blog, Grafika&Webdesign, Hudba, Zákysník | Žádné komentáře »
Pátek, Říjen 30th, 2009
Někdy stačí náhoda a člověk objeví něco pěkného, co by mu jinak zůstalo navždy skryto. Při přepínání kanálů na kabelovce jsem uslyšel na jednom z hudebních programů nádhernou píseň. Píseň měla v sobě nepodbízivost, melodičnost a cit – tedy něco, co mi v dnešní hudbě obvykle schází. Se zájmem jsem si zapamatoval jméno zpěvačky: Maria Mena.
Maria Mena nemusí roztahovat nohy a dělat obscéní gesta do kamery, aby zaujala (jako např. „hvězdy“ Madonna či Lady Gaga). Každá z písní na jakémkoliv jejím albu má v sobě nápad, hloubku, melodii a je o něčem. Tedy ne stylem dva „hity“ a vata. (jako to dělají např. „hvězdy“ Madonna či Lady Gaga)
Maria pochází z hudební rodiny (jméno Maria dostala podle stejnojmenné hrdinky z West Side Story, její bratr se jmenuje Tony:-) ), rodiče se jí ale rozvedli a díky tomu v ní rozvířili vír emocí. Citlivá (a talentovaná) Maria si pak začala psát a zpívat své songy jako formu terapie pro tyto své pocity a frustrace (např. vyjadřující její bolest z rozvodu rodičů). Dobře udělali, její rodiče, že se rozvedli, mám konečně zase něco nového – pěkného k poslechu… Zní to možná cynicky, ale právě s prázdným břichem, v bolesti, utrpení a slzách vznikají ty nejhodnotnější umělecká díla na světě…
Maria Mena je občas k slyšení i v našem rádiích, se svým songem „All this time“. Videoklip k tomuto songu a několika dalším, (přepněte si na HQ kvalitu!), lze shlédnout na O2 stream music.
Publikováno v Blog, Grafika&Webdesign, Hudba | 1 Komentář »
Pondělí, Únor 16th, 2009
Pokud chcete, aby vaše webová aplikace vracela uložitelný soubor typu xml, je potřeba zadat na začátek php skriptu příkaz header v této podobě:
header(’Content-Disposition: attachment; filename=“nazevsouboru.xml“‘);
příkaz způsobí ve webovém prohlížeči vyvolání dialogu pro uložení souboru s nastaveným názvem (nikoliv url) a příponou xml
Obsah xml se vygeneruje podle potřeby pomocí vlastní třídy nebo DOM XML, o tom psát nebudu.
Je tu ale zádrhel – a to pamatovat na to, že použití znaku „&“ a „<“ je v xml nelegální. Lze to řešit pomocí znakových entit (místo „&“ psát „&“), ale to způsobuje další problémy, protože pokud je obsahem dat např. adresa url nebo javascript, tak pak je sice XML korektní, ale ani adresa, ani javascript už fungovat nebudou…
Místo toho je lepší používat značku pro oblast CDDATA – vše uvnitř CDDATA bude parserem, který bude xml zpracovávat ignorováno.
tedy např:
<eventUrl><! [CDDATA[http://www.stranka.cz/forum.php?forum=20&page=2]]></eventUrl>
Sekce CDDATA v XML dokumentu tedy začíná „<![CDDATA[" a končí "]]>“. V sekci CDDATA se nesmí vyskytovat jiná CDDATA a nesmí se v ní tedy vyskytovat „]]>“.
Publikováno v Blog, Grafika&Webdesign | 1 Komentář »
Pondělí, Prosinec 8th, 2008
S rozvojem služby youtube a tím, že obsahuje čím dál hodnotnější videa v čím dál lepší kvalitě (začíná se podporvat dokonce i HD) je dobré vědět jak se dají tato videa vypálit na DVD. Jednoduše a zadarmo.
- najděte si videa na youtube a zkopírujte si jejich www odkaz
- pomocí stránky http://www.stahnivideo.cz/ kam vložíte www odkaz videa si tato videa stáhněte uložte na disk jako soubory s příponou .flv
- Stáhněte a nainstalujte si skvělý opensource program DVD FLICK. V něm si vytvořte projekt, do kterého vložíte pomocí „add title“ stažené flv soubory. Projděte si nastavení projektu a zvolte jako výstup buď do iso obrazu nebo přímo vypálení na disk. Tlačítkem „Create DVD“ se vytvoří DVD.
Publikováno v Blog, Grafika&Webdesign, Software | 1 Komentář »
Středa, Září 17th, 2008
Některé DVD rekordéry neukládají video na DVD v klasickém formátu PAL 720×576, ale v nezvyklém rozlišení 704×576. Pokud takto uložené video z DVD chceme vypárat a upravit v počítači, je pravděpodobné, že jej střihové programy odmítnou importovat a bude posléze docházet k dalším problémům, například k tomu, že některé kodeky jej odmítnou přijmout jako vstupní formát.
Řešením je úprava formátu příslušného videa do rozměrů 720×576. K tomu se ideálně hodí program Virtualdub-MPEG2.
1. Buď otevřeme přímo VOB soubor z DVD (pokud je video kratší), nebo nejprve převedeme celé DVD do jednoho souboru na disku např. pomocí programu DVDFAB. Zde je potřeba dbát na co nejlepší kvalitu (jsme profíci), takže nezapomeňte nastavit pro zvolený kodek maximální datový tok (např. 5 Mbitů).
2. Ve Virtualdubu-mpeg2 přijdou ke slovu filtry. Protože DVD přehrávače prvních několik řádků obrazu ignorují, občas se v horní části obrazu vyskytne něco nepatřičného (skákající „kostičky“ apod..). To je pak vidět při přehrávání v počítači. To se vyfiltruje filtrem „fill“. Ten umí do videa vložit čtverec zadané barvy (použijeme černou #000000). Rozměry je třeba nastavit tak, aby překryly pouze např. první tři řádky videa.
3. Druhým důležitým filtrem je deinterlace (odstranění prokládání). Předejde se tím problémům, protože budeme měnit velikost videa a tím pádem liché i sudé řádky se nám „posunou“ někam kde původně nebyly.
4. Třetím filtrem je resize. Ovšem ten nastavíme chytře tak, aby nedošlo k deformaci rozměrů obrazu, ale pouze se přidaly chybějící sloupce. Takže zadáme new width:704 new height:576 (původní velikost), ale zaškrtneme volbu „Expand frame and letterbox image“ kde již zadáme rozměry 720×576. Jako fill color nastavíme opět černou #000000.
5. Po aplikaci těchto filtrů lze zvolit pro kompresi kodek PANASONIC DV CODEC, který převede video do AVI DV formátu pro další pohodlnou editaci.
Pozor, PANASONIC DV CODEC vyžaduje vstupní video v rozlišení 720×576 (proto nutno aplikovat minimálně filtr resize), jinak se rekomprese nepodaří.
Publikováno v Blog, Grafika&Webdesign, Software, Zákysník | Žádné komentáře »
Úterý, Červenec 1st, 2008
Comment by Trevor — September 18, 2007 on ajaxian.com:“It’s effing insane that we’re still doing this shit in 2007. IE’s COM dependency is going to be the death of us all.
Právě programuju jednu složitější webovou stránku – dynamickou prezentaci fotek s efekty crossfade, pan, zoom, dynamickým nahráváním fotek. Engine je v javascriptu. A ejhle! Problémem je, že Internet Explorer 7 a všechny jeho dřívější verze mají v sobě hrozně nepříjemnou a velice zásadní chybu – když se mu něco ve skriptech znelíbí, tak při přechodu na další stránku neuvolní alokovanou paměť a zabere novou. Po učité době, (záleží na tom kolik paměti skript spotřebuje a kolik máte paměti v počítači), proto IE zkolabuje. Pomůže pouze zavření celé aplikace Internet Explorer.
Vygoogloval jsem si, že je to známá chyba která je v jádru IE usazená už odedávna. Dříve ale nebyly webové stránky tak atraktivní a interaktivní jako dnes a proto se příliš neprojevovala. Dnes, v době webu 2.0, je to BIG problém. Stává se to velmi často – surfujete, a posléze se počítač hrozně zpomalí a nebo prohlížeč rovnou zatuhne – ve správci úloh pak zjistíte že prohlížeč sežral několik set megabajtů které nechce vyvrhnout zpět. Říká se tomu odborně „memory leak“.
Nevím, proč je pro tvůrce Internet Exploreru nemožné naprogramovat webový prohlížeč, který by při přechodu na další stránku prostě natvrdo uvolnil paměť kterou alokovala předchozí stránka, ale zjevně to zatím nedokázali. Současné i minulé verze Internet Exploreru jsou totiž pro Javascript pouze jakýmsi „hostitelským prostředím“ – ti dva spolu zdvořile komunikují pomocí DOM (Document Object Model for HTML), ale do kuchyně si vzájemně nevidí. Jinými slovy každý si spravuje nezávisle „svou“ paměť. Škoda. To, že lze udělat blbý Javascript který neuvolní alokovanou paměť je jasné, ale jádro IE by si to mělo „ohlídat“. Nezbývá než se vrátit k jednoduchým ale fungujícím webům, nebo si počkat a doufat ve spásu v podobě Internet Explorer 8…
Zkoušel jsem i Mozillu 3.0, ta sice paměť uvolňuje korektně, ale zato je pomalejší než Internet Explorer, a proto mne nezachrání…
Publikováno v Blog, Grafika&Webdesign, Vývoj software, Zákysník | Žádné komentáře »
Pondělí, Červen 23rd, 2008
Webové stránky udělané celé ve flashi moc nemusím. Jejich autoři totiž rádi volí mrňavé písmo, nepříjemné kombinace barev, naprosto nestardardní a nelogickou navigaci, jen aby ukázali „jak moc jsou kreativní“. Většinou se minutu snažím na takovém webu minutu kamsi náhodně klikat, kde tuším odkazy, koukám jak něco vyjíždí nebo odjíždí a po minutě, kdy se pořád nedostanu k tomu co hledám, nevydržím a z takových webů odcházím…
Flash je zkrátka technologie, kterou je potřeba využívat s velkým citem, a jen tam, kde se to hodí. Nehodí se pro „seriózní“ velké weby informační, obchodní či zpravodajské, ale hodí se báječně pro různé hříčky – weby filmů, počítačových her… Ano, lze najít krásné weby udělané celé ve flashi. Jako tenhle web německé skupiny ALPHAVILLE. Je to nádherná „ruční“ práce. Nejvíc mne dostalo, v sekci ukázek (KLANGWELT), když zastavím a pustím přehrávání, jak kotouček „doběhne“ a při znovurozeběhnutí se z něho zapráší… Web vůbec neskrývá, že Alphaville už jsou víceméně hudební historií… Ovšem dělá to velmi stylově. V dnešní době, kdy se weby vyrábějí za pár minut úpravou „předvařených“ CMS, je na tohle radost pohledět…
Publikováno v Blog, Grafika&Webdesign | Žádné komentáře »
Úterý, Duben 15th, 2008
Pokud chcete provozovat různé weby s různými doménami a obsahem, musíte mít podle oficiálního sdělení provozovatele webhostingu pro každou doménu extra webhosting. Pokud využíváte skvělý profesionální webhosting jako je například Czechia.cz, tak se ale za každý takový webhosting musí platit a to je (pro mne) docela drahé.
V uplynulých dnech jsem si zaregistroval novou doménu pro svůj nový projekt, a dlouho jsem koumal, jak to udělat, abych mohl mít na jednom již placeném hostingu několik různých webů a různých domén. Řešení je opravdu překvapivě jednoduché:
- Zřídíte si jednu první doménu + placený profi webhosting s podporou skriptů
- Každou další doménu, kterou si zaregistrujete, si nastavíte jako alias k první doméně
- Obsah pro každou doménu umístíte v podadresáři – tj. např. obsah domény1 bude v http://www.domena1.cz/content1
- Všechny domény díky aliasu budou používat společný výchozí dokument (stránku) v rootu např. index.php
- Tento dokument (stránka) bude obsahovat skript, který bude detekovat zadanou doménu v prohlížeči, a podle toho dál směrovat návštěvníka na příslušný obsah
a nyní můj fikaný php skript v souboru idnex.php pro směrování:
<?php
// zjistíme url zadanou v prohlížeči
$adresa=$_SERVER["HTTP_HOST"];
//presmerovani domena1
$pos= strripos($adresa, "domena1.cz");
if (!($pos === false)) { header ("Location: http://www.domena1.cz/content1"); exit; }
//presmerovani domena2
$pos= strripos($adresa, "domena2.cz");
if (!($pos === false)) { header ("Location: http://www.domena2.cz/content2"); exit; }
//presmerovani domena2
$pos= strripos($adresa, "domena3.cz");
if (!($pos === false)) { header ("Location: http://www.domena3.cz/content3"); exit;
// vychozi domena
header ("Location: http://www.domena1t.cz"); exit;
?>
Publikováno v Blog, Grafika&Webdesign | 4 Komentářů »
Pátek, Březen 21st, 2008
Abych jenom pořád nekritizoval hloupé video prográmky pro amatéry, rozhodl jsem se, že vám představím i programy z druhého pólu – tedy ty opravdu výborné programy pro práci s videem. Jedním z neocenitelných pomocníků je freeware program Virtualdub.

Tento program umí zpracovat AVI soubory. AVI soubor na počítači není žádný pevně daný formát videa (narozdíl od např. mpg či wmv). AVI (ze zkratky Audio Video Interleave) je pouze“kontainer“ do kterého je vloženo určité množství AUDIO/VIDEO stop, které se vzájemně překrývají (prokládají). Soubor tedy vnitřně obsahuje např. 1kBAUDIA-100kbVIDEA-1kBAUDIA-100kBVIDEA atd. Na konci AVI souboru je vložen tzv. index, který popisuje toto překrývání stop a umožňuje tak třeba při přehrávání „skočit“ na nějaké libovolné místo v souboru, aniž by došlo k desynchronizaci stop (rozjetí zvuku a videa). Na začátku AVI souboru je umístěna klíčová informace (kódování, datový tok, prokládání) o jednotlivých vložených AUDIO/VIDEO stopách (proudech).
AVI formát nebyl navržen pro internet a proto vzniká při jeho použití široké spektrum problémů. Je zejména málo odolný vůči chybám, ke kterým dochází při stahování AVI souborů z internetu – např. filmu přes P2P sítě.
- pokud chybí začátek AVI souboru, kde je informace o formátu a kódování vložených stop, tak nejde přehrát a je zcela nepoužitelný
- pokud chybí konec AVI souboru s indexací, nejde přehrát, nebo se nejde posouvat v čase
- pokud je AVI soubor poškozený někde „mezi“ začátkem a koncem (např. při neúplném stažení z P2P), jde přehrát obvykle pouze do poškozeného místa
Opravit takto poškozený AVI soubor – to je jedno z běžných použití programu VIRTUALDUB.
VIRTUALDUB umí pracovat s jednotlivými stopami v AVI souboru, umí je dekódovat, kódovat, přidávat, odebírat, upravovat, ořezávat, a stříhat. Také umí volitelně pracovat bez nutnosti rekomprese. Můžete s ním např:
- oříznout AVI soubor (upravit začátek a konec), či vystříhnout určité části beze ztráty kvality – tj. bez nutnosti procesu dekomprese a nové komprese. Třeba vystřihnout reklamy z nahrávky televize. Pokud není prováděna rekomprese stop, je navíc práce i s několika gigabajtovými soubory nesmírně rychlá.
- extrahovat zvuk z AVI souboru, např. do formátu WAV
- tento WAV pak třeba upravit v AUDIO EDITORU (odšumět, normalizovat hlasitost) a zpětně ho vložit do AVI
- opravit poškozený AVI soubor – nová reindexace a rekomprese stop
- libovolně změnit kódování vybraných stop, např. ponechat video stopu tak, jak je, ale změnit kódování zvuku třeba z ADPCM na MP3.
- pomocí videofiltrů upravit obraz – odstranit logo, odstranit prokládání (deinterlace), změnit velikost obrazu, barevnost atd…
- spojovat a rozdělovat AVI soubory
- umí pracovat dávkově (batch processing)
Program VIRTUALDUB má takového neoficiálního bratříčka se kterým velmi kamarádím, jmenuje se VIRTUALDUB-MPEG2, který, jak je z názvu patrné přidává možnost otevřít soubor ve formátu MPEG2.
Neumíte do Adobe Premiere importovat VOB? Ano, oficiálně to nejde. Ale s pomocí VIRTUALDUB-MPEG2 lze otevřít VOB soubor přímo z disku DVD, převést jej do formátu AVI DV (pokud tedy máte nainstalovaný free PANASONIC DV CODEC) a s minimální možnou ztrátou kvality s ním pak dále pracovat nelineárním v střihovém editoru (typu Adobe Premiere).
VIRTUALDUB je zkrátka opravdu neocenitelný a nenahraditelný pomocník pro každého, kdo to myslí s úpravou videa na počítači trochu vážně!
Publikováno v Blog, Grafika&Webdesign, Software | 5 Komentářů »