mBez shrnutí editace značka: editace z Vizuálního editoru |
mBez shrnutí editace značka: editace z Vizuálního editoru |
||
Řádek 3: | Řádek 3: | ||
'''1. Obrázek vložený přímo do html kódu tzv. emteded file v kódování base64''' |
'''1. Obrázek vložený přímo do html kódu tzv. emteded file v kódování base64''' |
||
+ | |||
− | + | Písničky i s obrázky lze bez problémů sdílet s ostatními.<br />Pozor, protože je dekódování takového obrázku náročné na paměť a mikroprocesor, aplikace takto otevře jen menší soubory - některé zařízení si neporadí ani se 100kB, některé zvládne i 200kB. Proto je třeba větší obrázky dobře zkompromovat - nepoužívejte pokud možno JPG!!! Noty jsou většinou černobílé a proto používejte formát PNG s 2 či 8 barvami - (PNG8 už má 256 barev a je velikostí skoro stejně veliký jeko JPG). Např. JPG soubor, který má 310kB má v PNG s 8 barvami 68kB a s 2 barvami jen 32kB! Čím menší obrázke, tím bude nejen rychlejší načtení, ale hlavně to bude chodit třeba i na starších zařízeních se slabším hardwarem. |
|
+ | |||
Pro konverzi mnoha souborů lze použít např. XnView - batch convert - Na kartě "actions" přidat "Change color delph" - tam zadat Binary (dvě barvy) či 8 barev. Na kartě "Output" zadat formát PNG (já jsem nechal kompresi 6) |
Pro konverzi mnoha souborů lze použít např. XnView - batch convert - Na kartě "actions" přidat "Change color delph" - tam zadat Binary (dvě barvy) či 8 barev. Na kartě "Output" zadat formát PNG (já jsem nechal kompresi 6) |
||
Implementace je pak následová:<br />PNG soubor zkonvertuji např. zde http://dataurl.net/#dataurlmaker<br />Výstup vypadá takto: "data:image/png;base64,iVBORw0KGgoA...... " (sled znaků je samozřejmě velmi dlouhý)<br />Tento výstup vložíme do textu jako obrázek:<br />'''<img src="data:image/png;base64iVBORw0KGgoA....." />''' |
Implementace je pak následová:<br />PNG soubor zkonvertuji např. zde http://dataurl.net/#dataurlmaker<br />Výstup vypadá takto: "data:image/png;base64,iVBORw0KGgoA...... " (sled znaků je samozřejmě velmi dlouhý)<br />Tento výstup vložíme do textu jako obrázek:<br />'''<img src="data:image/png;base64iVBORw0KGgoA....." />''' |
||
+ | |||
'''2. Externí link: (velikost souboru ani formát není limitován hardwarem, není třeba soubor překódovávat)''' |
'''2. Externí link: (velikost souboru ani formát není limitován hardwarem, není třeba soubor překódovávat)''' |
||
Řádek 13: | Řádek 16: | ||
*Druhá možnost je uložit si soubor na jakémkoli veřejně přístupném servru. Pak uvedete adresu souboru na tomto servru:<br />'''<img src="http://priklad_domeny.cz/SongBook/NAZEV_SOUBORU.jpg">'''<br />Díky tomu, se obrázek zobrazí všem, s kterými budete písničku sdílet, ale potřebují být při prvním načtení online (pak už by se obrázek měl načíst z cache). |
*Druhá možnost je uložit si soubor na jakémkoli veřejně přístupném servru. Pak uvedete adresu souboru na tomto servru:<br />'''<img src="http://priklad_domeny.cz/SongBook/NAZEV_SOUBORU.jpg">'''<br />Díky tomu, se obrázek zobrazí všem, s kterými budete písničku sdílet, ale potřebují být při prvním načtení online (pak už by se obrázek měl načíst z cache). |
||
− | + | Obě možnosti se dají také kombinovat - tedy mít oba linky - tedy buď se načtou oba, nebo jen jeden. Toto řešení má smysl např. pokud používám zpěvník jak v androidu, tak v online editoru https://dev.zpevnik.eu a nechci mít soubory na veřejném servru - pak je mám tedy zároveň na SD-Kartě a lokálním servru (tedy na svém počítači - bohužel na klasickém počítači nelze mít soubory uloženy jen na disku podobně jako na sd-kartě v androidu - z bezpečnostních důvodů nebudou načteny). Nejjednodušší varianta instalace lokálního servru je [https://cs.wikipedia.org/wiki/XAMPP XAMP] pak vypadá adresa např. takto: |
|
− | '''<img src=" |
+ | '''<img src="http://localhost/SongBook/NAZEV_SOUBORU.jpg http://localhost/SongBook/NAZEV_SOUBORU.jpg">''' |
Verze z 23. 12. 2018, 13:16
Díky tom, že zpěvník zobrazuje HTML je možné vložit noty písničky či jiné obrázky. Existují dva způsoby:
1. Obrázek vložený přímo do html kódu tzv. emteded file v kódování base64
Písničky i s obrázky lze bez problémů sdílet s ostatními.
Pozor, protože je dekódování takového obrázku náročné na paměť a mikroprocesor, aplikace takto otevře jen menší soubory - některé zařízení si neporadí ani se 100kB, některé zvládne i 200kB. Proto je třeba větší obrázky dobře zkompromovat - nepoužívejte pokud možno JPG!!! Noty jsou většinou černobílé a proto používejte formát PNG s 2 či 8 barvami - (PNG8 už má 256 barev a je velikostí skoro stejně veliký jeko JPG). Např. JPG soubor, který má 310kB má v PNG s 8 barvami 68kB a s 2 barvami jen 32kB! Čím menší obrázke, tím bude nejen rychlejší načtení, ale hlavně to bude chodit třeba i na starších zařízeních se slabším hardwarem.
Pro konverzi mnoha souborů lze použít např. XnView - batch convert - Na kartě "actions" přidat "Change color delph" - tam zadat Binary (dvě barvy) či 8 barev. Na kartě "Output" zadat formát PNG (já jsem nechal kompresi 6)
Implementace je pak následová:
PNG soubor zkonvertuji např. zde http://dataurl.net/#dataurlmaker
Výstup vypadá takto: "data:image/png;base64,iVBORw0KGgoA...... " (sled znaků je samozřejmě velmi dlouhý)
Tento výstup vložíme do textu jako obrázek:
<img src="data:image/png;base64iVBORw0KGgoA....." />
2. Externí link: (velikost souboru ani formát není limitován hardwarem, není třeba soubor překódovávat)
- Pokud si soubory uložíte na SD-kartě věšho Androidu (pozor, cestu si musíte upravit podle vašeho zařízení a adresáře)
<img src="file:///storage/extSdCard/SongBook/NAZEV_SOUBORU.jpg">
Toto řešení má nevýhodu, že pokud byste chtěli písničku s někým sdílet, musíte mu poslat i tento soubor a musí ho mít umístěn buď na stejné cestě (což často nejde) nebo si cestu k souboru upravit v textu písničky.
- Druhá možnost je uložit si soubor na jakémkoli veřejně přístupném servru. Pak uvedete adresu souboru na tomto servru:
<img src="http://priklad_domeny.cz/SongBook/NAZEV_SOUBORU.jpg">
Díky tomu, se obrázek zobrazí všem, s kterými budete písničku sdílet, ale potřebují být při prvním načtení online (pak už by se obrázek měl načíst z cache).
Obě možnosti se dají také kombinovat - tedy mít oba linky - tedy buď se načtou oba, nebo jen jeden. Toto řešení má smysl např. pokud používám zpěvník jak v androidu, tak v online editoru https://dev.zpevnik.eu a nechci mít soubory na veřejném servru - pak je mám tedy zároveň na SD-Kartě a lokálním servru (tedy na svém počítači - bohužel na klasickém počítači nelze mít soubory uloženy jen na disku podobně jako na sd-kartě v androidu - z bezpečnostních důvodů nebudou načteny). Nejjednodušší varianta instalace lokálního servru je XAMP pak vypadá adresa např. takto:
<img src="http://localhost/SongBook/NAZEV_SOUBORU.jpg http://localhost/SongBook/NAZEV_SOUBORU.jpg">