LV 10 | Mysite

Vježba 10: Multimedija

CILJ VJEŽBE: Učenik će definirati multimedije, navesti vrste i formate multimedijalnih sadržaja.

PRIPREMA ZA VJEŽBU:

1. Što uključuje multimedija na web-u?

Multimediju na web-u uključuje zvuk, slike, video, glazba, filmovi i animacije.

2. U kojem se obliku spremaju multimedijalni elementi? Što određuje ekstenzija? Nabrojite nekoliko mogućih ekstenzija (proširenja).

Multimedijski elementi (poput zvuka ili slike) pohranjuju se u medijske datoteke. Najčešći način otkrivanja vrste datoteke je pregled proširenja datoteke. Multimedijske datoteke imaju formate i različite nastavke poput: .wav, .mp3, .mp4, .mpg, .wmv i .avi.

3. Nabrojite uobičajene formate za video datoteke. Koje formate podržava HTML? Koji format preporuča YouTube?

Formati MP4, WebM i Ogg podržani su HTML-om. MP4 format preporučuje YouTube.

MPEG .mpg .mpeg MPEG. Razvila stručna grupa za pokretne slike. Prvi popularni video format na webu. Više nije podržano u HTML-u.
AVI .avi AVI (Audio Video Interleave). Razvio Microsoft. Uobičajeno se koristi u video kamerama i TV hardveru. Dobro se reproducira na Windows računalima, ali ne i u web preglednicima.
WMV .wmv WMV (Windows Media Video). Razvio Microsoft. Uobičajeno se koristi u video kamerama i TV hardveru. Dobro se reproducira na Windows računalima, ali ne i u web preglednicima.
QuickTime .mov QuickTime. Razvio Apple. Uobičajeno se koristi u video kamerama i TV hardveru. Dobro se reproducira na Apple računalima, ali ne i u web preglednicima.
RealVideo .rm .ram RealVideo. Razvio Real Media kako bi omogućio strujanje video zapisa s malim propusnim opsegom. Ne reproducira se u web preglednicima.
Flash .swf .flv Flash. Razvio Macromedia. Često zahtijeva dodatnu komponentu (dodatak) za reprodukciju u web preglednicima.
Ogg .ogg Theora Ogg. Razvila Zaklada Xiph.Org. Podržava HTML.
WebM .webm WebM. Razvili Mozilla, Opera, Adobe i Google. Podržava HTML.
MPEG-4 ili MP4 .mp4 MP4. Razvila stručna grupa za pokretne slike. Uobičajeno se koristi u video kamerama i TV hardveru. Podržavaju svi preglednici, a preporučuje YouTube.

4. Nabrojite uobičajene formate za audio datoteke. Koja tri formata su podržana HTML standardom? Koji je najbolji format za kompresiranu snimljenu glazbu?

MP3 je najbolji format za komprimiranu snimljenu glazbu. Pojam MP3 postao je sinonim za digitalnu glazbu.

MIDI .sred .midi MIDI (digitalno sučelje glazbenih instrumenata). Glavni format za sve elektroničke glazbene uređaje poput sintisajzera i PC zvučnih kartica. MIDI datoteke ne sadrže zvuk, već digitalne note koje elektronika može reproducirati. Dobro se reproducira na svim računalima i glazbenom hardveru, ali ne i u web preglednicima.
RealAudio .rm .ram RealAudio. Razvio Real Media kako bi omogućio strujanje zvuka s malim propusnim opsegom. Ne reproducira se u web preglednicima.
WMA .wma WMA (Windows Media Audio). Razvio Microsoft. Dobro se reproducira na Windows računalima, ali ne i u web preglednicima.
AAC .aac AAC (napredno kodiranje zvuka). Razvio ga je Apple kao zadani format za iTunes. Dobro se reproducira na Apple računalima, ali ne i u web preglednicima.
WAV .wav WAV. Razvili IBM i Microsoft. Dobro se reproducira na operativnim sustavima Windows, Macintosh i Linux. Podržava HTML.
Ogg .ogg Ogg. Razvila Zaklada Xiph.Org. Podržava HTML.
MP3 .mp3 MP3 datoteke zapravo su zvučni dio MPEG datoteka. MP3 je najpopularniji format za glazbene uređaje. Kombinira dobru kompresiju (male datoteke) s visokom kvalitetom. Podržavaju svi preglednici.
MP4 .mp4 MP4 je video format, ali se može koristiti i za audio. Podržavaju svi preglednici.

5. Što su plug-in-ovi? Nabrojite najmanje pet različitih zadataka plug-in-ova?

Plug-in-ovi su programi koji proširuju mogućnosti preglednika.

Primjeri:

Za blokiranje reklama
Za prikaz Google karti
Za prikaz Flash filmova
Za skeniranje virusa
Da biste provjerili bankovni ID

6. Koje vrste objekata (plug-in tipa) više nisu podržane, dostupne ili su isključene u preglednicima?

Većina preglednika više ne podržava Java aplete i dodatke. ActiveX kontrole više nisu podržane ni u jednom pregledniku. Podrška za Shockwave Flash također je isključena u modernim preglednicima.

IZVOĐENJE VJEŽBE:

ZADATAK 1. HTML Video i Audio 

A. Što dodaje atribut controls?

To je atribut koji dodaje audio ili video kontrole.

B. Zbog čega je dobro uvijek koristiti attribute width i height? Što se može događati ako nisu postavljeni? 

Može se dogoditi da tijekom učitavanja videa stranica počne bljeskati.

C. Kako i zašto se koristi element source? Kako će odabir napraviti preglednik? 

Source omogućuje da preglednik odabere prvi kompatibilan format videa, ako ne podržava niti jedan ponuđeni, umjesto učitavanja videa ispisuje poruku da format nije podržan.

D. U kojem će se slučaju ispisati navedeni tekst? 

Ukoliko format nije podržan.

E. Kako se prikazani video sadržaj može pokrenuti automatski? Na kojim uređajima neće raditi? 

S naredbom autoplay. Neće raditi na mobilnim uređajima.

F. Koji HTML element koristimo za uključivanje audio datoteka u web stranicu?

Element <audio> se koristi za uključivanje audio datoteka na web stranici.

ZADATAK 2. HTML Plug-ins i YouTube video 

A. Što definira i za što se koristi element? Navedite primjere upotrebe sa kodom. 

Element <object> definira ugrađeni objekt unutar HTML dokumenta.

B. Za što se koristi element? Navedite primjer koda. 

Element <embed> također definira ugrađeni objekt unutar HTML dokumenta.

C. Za pokretanje videa na mrežnoj stranici u HTML kodu može se koristiti YouTube video ID. Navedite primjer YouTube video ID-a. 

D. Nabrojite šest koraka potrebnih za pokretanje YouTube videa na mrežnoj stranici.

Prenesite videozapis na YouTube
Zabilježite ID videozapisa
Definirajte <iframe>element na svojoj web stranici
Neka src atribut usmjerava na URL videozapisa
Koristite width i height atribute navesti dimenziju igrača
URL-u dodajte bilo koje druge parametre



E. Na koji se način može uključiti stišani autoplay kod videa? Navedite primjer koda. 

Može se uključiti uz opcije autoplay=1&mute=1.

src="https://www.youtube.com/embed/S8dfOqeNyA8?autoplay=1&mute=1">

</iframe>

F. Kako se piše i koristi YouTube playlist? 

Dodaje se list i id liste izrađene na YouTubu.

G. Što znači loop=1? Koja je podrazumijevana vrijednost i što ona znači? 

Loop=1 označava da će se video ponavljati beskonačno. Podrazumijevana vrijednost je 0, što znači da nema ponavljanja.

H. Kako se ispisuju kontrole uz YouTube video sadržaj?

U poveznicu stavimo controls=0

!!!!!!LINK NA DATOTEKE IZ OVE VJEŽBE!!!!!!

Patrik Klarić

3.A

Tehnička Škola Ruđera boškovića

Vježba 10: Multimedija