Autor Zpráva
Ari
Profil
Vytvářím flashové bannery a teď nově musí být v HTML5. Adobe Flash mi z animace vygeneruje HTML5, ale zvlášť HTML soubor, zvlášť javascriptový soubor a zvlášť obrázky. Javascript do těla HTML zapracovat umím a funguje to. Ale nedaří se mi odkazy na obrázky v tom javascriptu nahradit jejich base64 kódem. Pouhé nahrazení odkazu na soubor s obrázkem řetězcem "data:image/jpeg;base64,....atd." nestačí, nefunguje to.
Mohl by mi, prosím, někdo poradit? Neumím programovat, jen se zběžně dokážu zorientovat v hotovém kódu. Předem díky :-)

Tady je testovací jednoduchá animace v HTML5.
Tady je texťák s base64 kódem prvního obrázku a tady druhého obrázku.

A tohle je úsek kódu, o který mi jde - místo odkazů na externí soubory s obrázky potřebuji mít jejich base64 zdroják:

// library properties:
lib.properties = {
    width: 400,
    height: 224,
    fps: 12,
    color: "#FFFFFF",
    manifest: [
        {src:"images/ball.png", id:"ball"},
        {src:"images/grass.jpg", id:"grass"}
    ]
}; 
Chamurappi
Profil
Reaguji na Ari:
Adobe Flash mi z animace vygeneruje HTML5, ale zvlášť HTML soubor, zvlášť javascriptový soubor a zvlášť obrázky.
A to vadí čemu? Po převodu do base64 jsou věci datově o třetinu větší, vyplatí se to jen u malých souborů, kde je ta třetina menší než režie HTTP požadavku.

Odkázané TXT soubory neexistují. Zkusil jsem si uvedené obrázky přegenerovat do base64 sám a máš pravdu, že to nefunguje.
Zdá se, že se jednotlivé src v manifestu pokouší knihovna preloadjs-0.6.1.min.js stáhnout nějak děsně chytře AJAXem… a to se jí nepovede. Nevím, jak přesně jí říct, aby to nedělala, chtěl jsem se podívat na dokumentaci, ale web www.createjs.com je na můj prohlížeč až moc dokonalý, takže se mi nezobrazuje vůbec nic.

Neumím programovat, jen se zběžně dokážu zorientovat v hotovém kódu.
Nechci vyznívat moc pesimisticky, ale tvůj druh tvůrců bannerů je odsouzený k vyhynutí. Značnou část povolené datové velikosti vyplácáš jen na JS knihovny, což snižuje tvé šance v konkurenci lidí, kteří umí animaci nakódovat v CSS.
Ari
Profil
Chamurappi:
Klient výslovně požaduje vše v jednom HTML souboru, takže zatím používám swiffy, ale radši bych se bez toho obešla.

Umístění texťáků opraveno, sorry. Ale díky za tip na tu knihovnu, na směr dalšího pátrání.

Naštěstí jsou bannery jenom částí mé práce, dělám celkovou propagaci výrobků. Ale jelikož jsem viděla pár animací od zkušených programátorů, leč s minimálním grafickým a estetickým cítěním, zase tak moc se svého vyhynutí nebojím :-)
Chamurappi
Profil
Reaguji na Ari:
Klient výslovně požaduje vše v jednom HTML souboru
Kde by tvůj banner měl běžet? Žádný z velkých českých serverů podobný požadavek nemá. Ani zahraniční reklamní systémy politiku jednoho souboru neprosazují.

takže zatím používám swiffy
Swiffy linkuje 120 kB velkou knihovnu. Pokud je limit na velikost banneru někde mezi 100 kB a 150 kB, tak ti moc místa pro kreativní činnost nezbývá.

jelikož jsem viděla pár animací od zkušených programátorů, leč s minimálním grafickým a estetickým cítěním
Na rozhýbání banneru není potřeba programátor, stačí kodér. Hodně kodérů začínalo u grafiky. Hrozbou pro tvůj druh nejsou programátoři, ale grafici spolupracující s kodéry, není nutné, aby jeden člověk uměl obojí.
Ari
Profil
Limit mám 500kB a použití je na skupině e-shopů, patřících klientovi (korporace). Konkrétní být nechci.

Můžu jen zopakovat, že bannery jsou jen malou částí mé práce, ale děkuji za péči o mou budoucnost :-)
Momentálně by mi stačilo vyřešit tento problém s obrázky.

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: