TV Home: vlastní televize s AI
Jak jsem s AI navrhl a postavil vlastní domovskou obrazovku pro Google TV. Od zadání přes skleněné UI až po hlasového asistenta.
Ukázka rozhraní v0.9 z emulátoru Google TV.
Od zadání k výsledku
Jak jsem postupoval
- 01
Vymezit, co vlastně stavím
Chtěl jsem vlastní domovskou obrazovku televize: velké dlaždice, moje aplikace a žádné reklamní řádky. Zvolil jsem launcher nad existujícím Android TV. Jde o novou vstupní obrazovku, ne přepsání celého operačního systému.
- 02
Nejdřív vzhled, potom aplikace
S Claude Code vzniklo několik HTML návrhů. Postupně jsem upřesňoval velikost dlaždic, průhlednost a typografii. Přes Eden Gen a Nano Banana Pro jsem připravil vlastní tapety. Teprve z vybraného směru vznikalo rozhraní v Javě.
- 03
Dát ovladači novou roli
Gemini je napojené na hlasového asistenta. Projekt zahrnuje vyhledávání, otevírání aplikací a ovládání vstupů. Rozhraní doplňuje nastavení z telefonu přes QR kód. Tyhle funkce je potřeba ověřovat na konkrétní televizi a ovladači.
- 04
Testovat a připomínkovat po obrazovkách
Vývoj a první zkoušky probíhaly v emulátoru Google TV. U jednotlivých obrazovek jsem dával konkrétní vizuální připomínky. Kontroloval se fokus, přechody, ořezy i chování při návratu na Home.
- 05
Ukázat výsledek ve videu
Pro prezentaci vznikl HTML protějšek rozhraní, animace v HyperFrames a záběry televize v Blenderu. Ukázky prezentují vzhled projektu; nenahrazují měření rychlosti ani test na skutečném zařízení.
Zadání, kterým to začalo
Zadání, kterým to začaloClaude Code
Čau, čau, čau, teď frčí takový trend, že lidi si wipekódujou vlastní operační systém na televize a tak dál. Můžeš se kouknout na mojí televizi, co já mám, přes lokální Wi‑Fi nebo něco takovýho, a zjistit, jak to můžeš zlepšit, zjednodušit, udělat to víc jako Apple TV a tak dál. Zkus se na to kouknout a zkus zařídit co nejvíc věcí, co můžeš. Mám nějaký TCL. https://x.com/SimbasJungles/status/2112231637840765012 https://x.com/gathint/status/2111379569030939102 https://x.com/samraaj/status/2114770776411041933 https://x.com/0xProbabillity/status/2112179515929583871 https://www.youtube.com/watch?v=i7t-GpV72F4 https://www.youtube.com/watch?v=i0ytu6k8uac
Know-how
Co rozhodlo o výsledku
Sklo bez drahého živého bluru
V tomhle řešení se tapeta rozmaže předem. Skleněné panely zobrazují odpovídající výřez rozmazané tapety místo toho, aby se celé pozadí přepočítávalo při každém snímku.
Jeden prompt byl jen začátek
Krátké zadání otevřelo projekt, ale hotové rozhraní vznikalo v dalších kolech návrhů, připomínek a oprav. Důležité bylo přesně pojmenovat, co na konkrétní obrazovce nesedí.
Emulátor není skutečná TV
Dobrý výsledek v emulátoru ještě nepotvrzuje přepínání HDMI, tlačítka ovladače ani plynulost na televizi. Tyhle části mají vlastní ověřování na zařízení.
Ukázka rozhraní a běžící aplikace
HTML protějšek umožnil ostré detaily a řízené pohyby kamery do videa. Funkčnost samotného launcheru se ale posuzuje v aplikaci, nikoli podle těchto animací.
