FANDOM


m
m
Řádka 3: Řádka 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.<br />Implementace ja 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....." />'''
+
*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)
  +
  +
<br />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)'''
 
*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)<br />'''<img src="file:///storage/extSdCard/SongBook/NAZEV_SOUBORU.jpg">'''<br />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.
 
*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)<br />'''<img src="file:///storage/extSdCard/SongBook/NAZEV_SOUBORU.jpg">'''<br />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.

Verze z 23. 12. 2018, 13:10

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

Tyto 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). V takovém případě je nutné mít nainstalovaný lokální Apache server. Nejjednodušší varianta je XAMP pak vypadá adresa např. takto:

<img src="http://localhost/SongBook/NAZEV_SOUBORU.jpg">

Community content is available under CC-BY-SA unless otherwise noted.