Mesimi i gjuhes me etiketa - HTML

1. Gjuha programuese
HTML
Insertimi i multimedia fajllave
në Ueb faqe

2. Çka është Multimedia?
• Multimedia vjen në formate të ndryshme, ajo mund të
jetë pothuajse çdo gjë që ju mund të dëgjoni ose të
shikoni p.sh: fotografi, muzikë, zë, video, regjistrime,
filma, animacione, dhe shumë të tjera.
• Ueb faqet shpesh përmbajnë elemente multimediale të
llojeve të ndryshme, me formate të ndryshme.
• Multimedia fajllat kanë formate dhe prapashtesa të
ndryshme si: .swf, .wav, .mp3, .mp4, .mpg, .wmv, dhe
.avi.

3. Insertimi i një video fajlli në Ueb faqe
 Për të shtuar një video fajl në HTML 5, përdoret etiketa
<video> me atributet width, height dhe controls si dhe
etiketa <source> me atributet src dhe type.
 Etiketa <video> ka disa atribute:
 Atributi controls shton pullat kontrolluese të videos, si
play, pause, dhe vëllimin e zërit.
 Është e mirë që çdoherë në etiketën <video> të
përfshihen edhe atributet për gjerësi width, dhe për
lartësi height.
 Nëse atributet për lartësi dhe gjerësi nuk janë të
vendosur, faqja mund të bllokohet nga ngarkesa e
madhe që mund të ketë video fajlli.

4.  Etketa <source> specifikon burimin e video fajllit të cilin
shfletuesi mund të zgjedhë për emitim. Shfletuesi do të
përdor vetëm formatet të cilat i njeh, dhe që janë të
treguara më parë.
 Teksti i vendosur ndërmjet etiketave <video> dhe
</video> do të shfaqet vetëm nëse shfletuesi nuk e
mbështet <video> elementin. p.sh.

5. Rezultati në Ueb faqes pas hapjes me
shfletues, duket si vijon:

6. Insertimi i një audio fajlli në Ueb faqe
 Në HTML5 etiketa që i shtonë një audio fajl në Ueb faqe
është <audio>.
 Etiketa <source> tregon burimin e fajllit.
 Shembulli i më poshtëm tregon se si shtohet një audio
fajll në një Ueb faqe:

7.  Atributi control shton pullat për kontrollimin e audio fajlit,
si: play, pause, dhe për vëllimin e zërit.
 Etketa <source> ju lejon të specifikoni burimin e audio
fajlit, të cilin shfletuesi mund të zgjedhë për emitim.
 Shfletuesi do të përdor vetëm formatet që i ka të njohur
më parë si psh. mp3, Wav, dhe Ogg.
 Teksti i vendosur ndërmjet etiketave <audio> dhe
</audio> do të shfaqet vetëm nëse shfletuesi nuk e
mbështet <audio> elementin.

8. Rezultati në Ueb faqes pas hapjes me
shfletues, duket si vijon:

9. Objektet ndihmëse (Plug-ins) në Ueb faqe
 Objektet ndihmës (plug-ins) në ueb faqe janë programe
kompjuterike që shtojnë funksionalitetin standard të një
shfletuesi.
 Plug-ins elementet në ueb faqe mund të përdoret për
shumë qëllime, si psh. për të shfaqur hartat, skanimi për
viruset, verifikimi i ID bankare, etj. Shembuj të
mirënjohur të plug-ins-ve janë reklamat (applets).
 Elementet shtesë (plug-ins) mund të shtohet në ueb faqe
me etiketat <objekt> ose <embed>.
 Etiketa <object> është i përkrahur nga të gjithë
shfletuesit dhe përcakton një objekt për të ngjitur brenda
në një HTML dokument. Ajo përdoret për shtimin e
elementeve ndihmës si psh. reklamat ose kryetitujt
dinamik në ueb faqe.

10. Se si përdorim etiketën <object> për shtimin e një elementi
në Ueb faqe, shohim nga shembulli i mëposhtëm:

11. Rezultati pas egzekutimit në browser do
të duket:
Ose, nëse dëshirojmë me shtu një fotografi si reklamë, psh:

12. Rezultati pas egzekutimit në browser do
të duket:

13.  Etiketa <embed> është i mbështetur në të gjitha
shfletuesit kryesorë.
 Etiketa <embed> gjithashtu përcakton një objekt të
vendosur brenda një HTML dokument.
Rezultati pas egzekutimit në browser do të duket:

14.  Etiketën <embed> mund të përdorim edhe për të shtuar një
multimedia (video ose audio) fajl në ueb faqe.
 Kjo etiketë na mundëson që vetë shfletuesi të shfaqë video ose
audio fajlin duke i përfshirë edhe kontrollet për multimedia fajllin, me
kushtë që shfletuesi të mbështet etiketën <embed> dhe formatin e
multimedia fajllit.
 Gjithashtu mund të përdorim edhe etiketën <noembed> për
shfletues që nuk e njohin etiketën <embed>.
 Për shembull, mund të përdorim <embed> për të shfaqur një film të
zgjedhur sipas dëshirës, dhe <noembed> për të shfaqur vetëm një
fotografi të vetëm nëse shfletuesi nuk e mbështet etiketën
<embed>.
 Sintaksa e komandës që përshkruan një video fajl përmes etiketës
<embed> duket:
<embed src="/html/fajliijuaj.mid"> </embed>
 Mund të japim çfardo fajlla multimediale pran atributit ‘src=’

15. Rezultati pas hapjes së në shfletues duket:

16. Luajtja e një video fajlli nga YouTube në
një HTML dokument
 Për të luajtur një video në një web faqe, duhet të kryhen
më parë disa veprime si mëposhtë:
 Shkarkojmë një video në YouTube,
 Marrim URL adresën e video fajlit,
 Definojmë përmes HTML etiketës <embed> ose
<object> në kodin e ueb faqes,
 Atributi src përcakton URL adresën e video fajlit,
 Atributet për gjerësinë dhe lartësinë përcaktojë
dimensionin e videos,
 Shtohet edhe ndonjë parametër tjetër në URL adresë,
psh. autoplay=1 (starton menjëherë videoja ose
autoplay=0 pasi të shtypim butonin)

17. Luajtja një video fajlli në YouTube në një
HTML dokument
 Më poshtë do të shohim se si mund të shtohet video fajlli
nga web site si psh. www.youtube.com. me etiketën
<embed> dhe </embed>:

18. Rezultati pas hapjes së shfletuesit duket
si më poshtë: