http://developers.facebook.com/

Mým cílem bylo zprovoznit tlačítko na coudyho psím blogu tak, aby ukazovalo na obsah, tedy v různých částech webu na různé věci, a navíc na jedné stránce mít dvě různá tlačítka na dva různé obsahy! Popravdě řečeno, ono výsledné řešení je poměrně triviální, ale přijít na to je složité, protože nesmíte postupovat přesně podle návodu tvůrců facebooku

Základem je nepoužívat open graph tagy, které oni píšou jako že jsou „required“. V případě kompletního použití open graph tagů a XFBML verze tlačítka, jak to doporučují , to prostě vždy bude lajkovat na stránku uvedenou v tagu „og:url“, která ale je vždy brána jako  base url celého webu (potažmo entity)!!! I když se upraví kód webu tak, aby se tato url na každé stránce měnila podle obsahu, tak to prostě vůbec nefunguje. Toto řešení, které je popsáno na developers.facebook.com  je určeno pouze pro lajkování něčeho jako celku – tedy restaurace jako takové, zpěváka jako takového, ale ne oblíbeného jídla na webu restaurace, nebo konkrétní písně zpěváka.

Pokud chceme lajkovat jednotlivý obsah místo celku, je potřeba og:tagy vynechat (až na jeden o kterém se zmíním později), a použít jen kód pro like tlačítko s konkrétní url.

Zde se otevírá další problém – facebook si svým parserem ze stránky automaticky vycucne o čem ten link je a přidá obrázek o kterém si myslí že odpovídá obsahu, ale to nemusí vždy odpovídat realitě.  Záleží na struktuře stránky. Dobré je mít požadovaný obsah v div s názvem „content“. Jako náhled si facebook volí nějaký obrázek ze stránky, ale ten také nemusí být správný. Občas třeba vybere reklamu apod. Zde právě pomůže umístit do záhlaví osamocený „og:image“ tag, který  facebook parser nebude ignorovat a kterým ukážete na ten správný obrázek.

Důležité je také vědět, že facebook si ukládá vaše stránky do CACHE, která platí cca 24h. Takže při programování tlačítka nebude reflektovat na změny v reálném čase. Zde pomůže facebook URL Linter:

http://developers.facebook.com/tools/lint/

Po zadání konkrétní adresy do linteru se vám zobrazí jak parser facebooku stránku vidí, ale hlavně se vždy vymaže CACHE!!!

Pokud chceme mít pohromadě více like tlačítek na jedné webové stránce, která budou lajkovat různý obsah, trik je v tom že nebudou odkazovat na adresu té jedné stránky na které jsou, ale na různé stránky kde je daným obsah dominantní a linter jej správně pochopí.

Jak na to? Docela snadno – na stránce http://onehackoranother.com/projects/jquery/jquery-grab-bag/je to vymyšlené jako plugin pro knihovnu jquery.

Já už to používám a je jasné že tento skvělý nápad se rychle rozšíří do světa…

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.

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.

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.

 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 „&amp;“), 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 „]]>“.

• 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.

Ř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ří.

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í…

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…

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é:

1. Zřídíte si jednu první doménu + placený profi webhosting s podporou skriptů
2. Každou další doménu, kterou si zaregistrujete, si nastavíte jako alias k první doméně
3. Obsah pro každou doménu umístíte v podadresáři – tj. např. obsah domény1 bude v http://www.domena1.cz/content1
4. Všechny domény díky aliasu budou používat společný výchozí dokument (stránku) v rootu např. index.php
5. 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;

?>

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ě!

Hledal jsem proto způsob jak se zdlouhavé instalaci vyhnout a objevil jsem díky tomu web media-convert.com . Paráda. Funguje zcela zdarma a umožňuje vám přes webový formulář uploadnout váš soubor, nechat si jej na počkání zkonvertovat do jiného vámi zvoleného formátu, a v tomto novém formátu si jej stáhnout zpět. Jednoduché a geniální.

Hlavní výhody:

• Není potřeba hledat a instalovat nějaké konverzní softy
• Převádí obrázky, videa, zvuk a archívy v mnoha formátech
• Převod z Open Office na formáty Microsoft Office
• Převod zvuků (zvonění) pro mobily a videa z mobilů (3gp)
• Bezplatná a snadná konverze do PDF, PS (Postscript), CSV
• Vložte si PDF na webovou stránku převodem do SWF formátu
• Export Microsoft Acces databáze do Excelu
• Změna kódování souboru (UTF)
• Převod textů do morseovy abecedy:-)

Na internetu se dá najít mnoho placených softwérových utilit určených pro primitivní jednoduchou konverzi z jednoho formátu do druhého. Často tyto utility fungují špatně a těží z negramotnosti uživatelů. Je to výborný marketingový tah. Kdo však ví o službě media-convert.com, tak je nepotřebuje a neplatí za něco, co může mít zdarma…

Tyto problémy pramení z toho, že mnohé webové stránky jsou úmyslně „optimalizované“ až moc. Např. skrytě obsahují klíčová slova na které se má vyhledavač „chytit“ a přitom samotný obsah stránek je chudý a neoriginální. Často dokonce jde o tzv. „cloaking“ – kdy je na stránce dvojí diametrálně odlišný obsah – jeden „pro vyhledavače“ a jiný „pro návštěvníky“. Existují také falešné „prolink“ systémy, které zajišťují vzájemné umělé prolinkování stránek aby se posunuly vpřed ve vyhledávacím pořadí…

Google tvůrcům www radí: Nedělejte stránky pro vyhledavače, ale pro lidi. Nedělejte při tvorbě www stránek věci, které byste nedělali pokud by vyhledavače neexistovaly. Pokud zjistí, že to s optimalizací „přeháníte“, mohou vás z vyhledávání dokonce vyřadit… Nejlepší cestou jak se dostat ve vyhledávačích na přední místa je podle Googlu vytvářet stránky s originálním a užitečným obsahem dobře čitelným pro lidi.

No, myslím že jde o zatraceně veliký problém – jak odlišit zrno od plev. Boj Google proti zneužití SEO je srovnatelný s bojem proti SPAMU. Existují miliardy www stránek „o ničem“. Bez pomoci kvalitní selekce by mezi nimi ty www stránky, které „jsou o něčem“, a kterých je o několik řádů méně zmizely! Bohužel, díky zneužití SEO se může vážně jednou stát, že na internetu nic nenajdeme…

Potřeboval jsem uložit všechny snímky prezentace (asi 150 snímků) jako jednotlivé obrázky. Zvolil jsem v menu powerpointu možnost uložit jako formát jpeg. Pak jsem zděšeně uviděl výsledek – obrázky byly rozmazaný humus v extrémně nízkém rozlišení, písmenka zubatá a nečitelná (žádný antialiasing, žádné bikubické převzorkování velikosti obrázku). Žádná možnost nastavení exportu. Kdybych to takto odevzdal klientovi, udělal bych si pěknou ostudu. Ani jiný formát než jpeg nepomohl. Když už byla písmenka v pořádku, pro změnu zase vložené true-color obrázky byly zredukovány do palety několika málo barev (obávám se, že to byla 16-ti barevná paleta windows 3.11).

Co s tím? Natípat stovky obrázků přes printscreen a pak je upravovat by bylo masochistické. Také mne napadlo použít FRAPS a nahrát prezentaci jako video. Jenže to také nebylo to pravé – co dál s videem? Natípat z něj stovky screenů??? Kvalita by šla dopryč.

Jedinou možnou záchranou byl tisk na virtuální tiskárnu! Powerpoint vytisknout prezentaci bohudík umí, a tak je možné přesměrovat tento kvalitní tisk ze skutečné tiskárny na virtuální. Takovou co umí tisknout do obrázkových souborů.

Otázkou k zamyšlení zůstává, proč v powerpointu již desítky let vlastně nepoužitelná funkce „uložit jako jpeg“ je. A v čem jsou ty nové verze office lepší než ty minulé…