Gjuha programuese HTML

Insertimi i multimedia fajllave në Ueb faqe

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

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.

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.

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

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:

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.

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

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.

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

Rezultati pas egzekutimit në browser do të duket:

Ose, nëse dëshirojmë me shtu një fotografi si reklamë, psh:

Rezultati pas egzekutimit në browser do të duket:

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:

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=’

Rezultati pas hapjes së në shfletues duket:

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)

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>:

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