top of page

Vježba 10: Multimedija

​

PRIPREMA ZA VJEŽBU

​

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

Multimedija dolazi u mnogo različitih formata. To može biti gotovo sve što možete čuti ili vidjeti, poput slika, glazbe, zvuka, videozapisa, zapisa, filmova, animacija i još mnogo toga.

​

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.

​

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.

HTML standard podržava samo MP3, WAV i Ogg audio.

​

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

Softver koji djeluje kao dodatak web pregledniku i pruža pregledniku dodatnu funkcionalnost. Dodaci mogu web pregledniku omogućiti prikaz dodatnog sadržaja za koji izvorno nije dizajniran.

Honey, Netflix Party, e-Dnevnik, Google zanalac, Java

​

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

Java, Silverlight, Adobe Acrobat…

 

 

IZVOĐENJE VJEŽBE

​

1. HTML Video i Audio

​

A. Controls Atribut dodaje videokontrolama, kao što su reprodukcija, pauza, i volumen.

​

B. Dobra je ideja uvijek uključiti width i height atribute. Ako visina i širina nisu postavljeni, stranica bi mogla treperiti dok se videozapis učitava.

​

C. Element koji vam omogućuje da odredite alternativne video datoteka koje preglednik može izabrati. Preglednik će koristiti prvi prepoznati format.

​

D. Ako video preglednik ne podržava video element onda će se ispisati tekst.

​

E.  Atribut automatske reprodukcije ne radi na mobilnim uređajima kao što su iPad i iPhone.

​

F. Koristimo <audio> element

​

2. HTML Plug-ins i YouTube video

​

A. Elemenata definira ugrađeni objekt unutar HTML dokumenta.

​

B. Element definira ugrađeni objekt unutar HTML dokumenta.

<html>
<body>

<embed src=”audi.jpeg”>

</body>
</html>

C.  

​

<html>
<body>

<iframe width=”420″ height=”345″ src=”https://www.youtube.com/embed/tgbNymZ7vqY”>
</iframe>

</body>
</html>

​

D. 

  • Prenesite videozapis na YouTube

  • Zabilježite ID videozapisa

  • Definirajte <iframe>element na svojoj web stranici

  • Neka srcatribut usmjerava na URL videozapisa

  • Koristite widthi heightatribute navesti dimenziju igrača

  • URL-u dodajte bilo koje druge parametre

  • ​

E. 

<html>
<body>

<iframe width=”420″ height=”345″ src=”https://www.youtube.com/embed/tgbNymZ7vqY?autoplay=1&mute=1″>
</iframe>

</body>
</html>

​

F. Popis videozapisa za reprodukciju odvojenih zarezom (uz izvorni URL).

​

G. loop=1 znači da će se video ponavljati zauvijek.

​

H. Dodajte <controls=0> za prikaz kontrola u video uređaju za reprodukciju.

 

3. Izrada mrežne stranice

bottom of page