Hvala Fman 
Idemo dalje...

HTML5 Audio
HTML5 obezbeđuje standard za reprodukciju audio fajlova.

Audio na Webu
Do sada nije postojao standard za reprodukciju audio fajlova.
Većina audio fajlova bila je reprodukovana uz pomoć dodataka, najčešće flash-a. Međutim, nemaju svi pregledači iste dodatke.
HTML5 obezbeđuje standrardni način za reprodukovanje audio sadržaja sa novim audio elementom.
Audio element može reprodukovati audio fajlove ili audio strim.

Audio Formats
Trenutno postoje tri podržana formata za audio element:

Format                  IE 8        Firefox 3.5    Opera 10.5    Chrome 3.0    Safari 3.0
Ogg Vorbis           No             Yes                  Yes                 Yes                 No
MP3                         No              No                   No                  Yes                Yes
Wav                         No             Yes                  Yes                  No                 Yes

Kako to funkcioniše?
Da bi se reprodukovao audio fajl u HTML5, samo Vam je ovo potrebno:

Da biste imali kontrolu nad atributom morate dodati "play", "pause" i "volume" kontrole.
Dodajte sadržaj između otvorenog <audio> i zatvorenog </audio> taga za pregledače koji ne podržavaju audio element.
Za primer gore, koristite Ogg fajlove i radiće u Firefoxu, Operi i Chromu.
Za reprodukciju audio fajla u Safariju, audio fajl mora biti MP3 ili Wav formata.

Audio element dozvoljava više izvora istog. Izvor elemeneta može biti povezan sa različitim audio fajlovima.
Pregledači će koristiti prvi prepoznatljiv format.

Internet Explorer
Internet Explorer 8 ne podržava audio element. U IE 9 će biti podrške za audio element.

Svi audio atributi
Atribut           Vrednost           Opis
autoplay          autoplay             Audio fajl će krenuti sa reprodukcijom čim bude spreman, tačnije učitan.
controls          controls              Kontrole će biti prikazane kao i play dugme.
loop                    loop                 Ova funkcija omogućava ponovnu reprodukciju audia po njegovom završetku.
preload            preload              Audio će biti učitan pri učitavanju stranice i spreman za startovanje. Ignorisana je ako je                                                     prisutna autoplay funkcija.
src                       url                  URL adresa audio fajla koji se reprodukuje.

Napomena:
Prevedeno sa w3schools
Nastavak sledi...

HTML5 Canvas(platno)
Canvas element se koristi za grafičko crtanje na web strani.


Šta je Canvas?
Canvas element koristi JavaScript za grafičko crtanje na web strani.
Canvas je pravougaona površina i Vi kontrolišete svaki piksel te površine.
Canvas element ima nekoliko metoda za crtanje putanja, "kutija", krugova, karaktera i dodavanje slika.

Kreiranje Canvas elementa
Dodajte canvas element u HTML5 stranicu.
Definišite "id", širinu i visinu elementa:

Crtajte uz pomoć JavaScripta
Canvas element nema sposobnosti grafičkog crtanja sam po sebi. Sva crtanja moraju biti završena u samom JavaScriptu:

JavaScript koristi "id" da nađe canvas element:
Onda, kreira sadržajni objekt:
- getContext("2d") objekt je ugrađen u HTML5 objekt, sa mnogim metodama crtanja putanja, "kutija", krugova, karaktera, slika itd.

Sledeće dve linije isrtavaju crveni pravougaonik:
- fillStyle metod ga čini crvenim, a fillRect metod definiše oblik, poziciju i veličinu.

Razumevanje koordinata
FillRect metod iznad ima parametre (0,0,150,75).
Ovo znači: Crtež treba da bude pravougaonog oblika širine 150px, visine 75px na canvas elementu, počevši od gornjeg levog ugla na šta ukazuju ove dve nule.
Xi Y koordinate se koriste za pozicioniranje crteža na canvas elementu.


Još Canvas primera
Crtajte liniju definišući gde je njen početak ali i gde je njen završetak.


Nacrtajte krug definišući njegovu veličinu, boju i poziciju.


Nacrtajte gradijent pozadinu sa bojama koje sami odredite.


Postavite sliku na canvas element.


Napomena:
Prevedeno sa w3schools
Nastavak sledi...

HTML5 Web skladištenje(storage)

Storniranje podataka na klijentu
HTML5 nudi dva nova objekta za storniranje podataka na klijentu:
- localStorage(localno skladištenje) - storniranje podataka bez vremenskog ograničenja
- sessionStorage(sesijsko skladištenje) - storniranje podataka za vreme jedne sesije.

Ranije ovo se radilo uz pomoć kolačića. Kolačići nisu pogodni za velike količine podataka zato što prolaze na svaki zahtev na serveru čineći da bude veoma spor i neefektivan.
U HTML5 podatci ne mogu proći svaki serverski zahtev, ali se koriste samo kada se traže. Moguće je stornirati velike količine podatakabez uticaja na performanse web sajta.

Podatci se storniraju na različita područja za različite sajtove i samo sam web sajt može pristupiti podatcima.

HTML5 koristi JavaScript za storniranje i pristup podatcima.

LocalStorage objekt
LocalStorage objekt stornira podatke bez vremenskog limita. Podatci će biti dostupni sledećeg dana, nedelje ili godine.

Kako kreirati i pristupiti lokalnom "skladištu":

Naredni primer sadrži brojač poseta korisnika stranici:

Session storage objekt
Sesijsko skladištenje podataka stornira podatke prilikom jedne sesije. Podatci bivaju obrisani kada korisnik za tvori pregledač.

Kako kreirati i pristupiti sesijskom "skladištu":

Naredni primer sadrži brojač poseta korisnika stranici u trenutnoj sesiji:

Napomena:
Prevedeno sa w3schools
Nastavak sledi...

Fino...

HVala 
Uskoro sledi i nastavak.

Dok prevedem ostalo, evo jednog vrlo interesantnog linka.