Shtimi i multimedias ne web faqe
-
Upload
ismail-kuksi -
Category
Education
-
view
73 -
download
0
Transcript of Shtimi i multimedias ne web faqe
![Page 1: Shtimi i multimedias ne web faqe](https://reader036.fdocuments.net/reader036/viewer/2022081421/58ac11161a28ab33178b5993/html5/thumbnails/1.jpg)
Gjuha programuese HTML
Insertimi i multimedia fajllave në Ueb faqe
![Page 2: Shtimi i multimedias ne web faqe](https://reader036.fdocuments.net/reader036/viewer/2022081421/58ac11161a28ab33178b5993/html5/thumbnails/2.jpg)
Ç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.
![Page 3: Shtimi i multimedias ne web faqe](https://reader036.fdocuments.net/reader036/viewer/2022081421/58ac11161a28ab33178b5993/html5/thumbnails/3.jpg)
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.
![Page 4: Shtimi i multimedias ne web faqe](https://reader036.fdocuments.net/reader036/viewer/2022081421/58ac11161a28ab33178b5993/html5/thumbnails/4.jpg)
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.
![Page 5: Shtimi i multimedias ne web faqe](https://reader036.fdocuments.net/reader036/viewer/2022081421/58ac11161a28ab33178b5993/html5/thumbnails/5.jpg)
Rezultati në Ueb faqes pas hapjes me shfletues, duket si vijon:
![Page 6: Shtimi i multimedias ne web faqe](https://reader036.fdocuments.net/reader036/viewer/2022081421/58ac11161a28ab33178b5993/html5/thumbnails/6.jpg)
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:
![Page 7: Shtimi i multimedias ne web faqe](https://reader036.fdocuments.net/reader036/viewer/2022081421/58ac11161a28ab33178b5993/html5/thumbnails/7.jpg)
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.
![Page 8: Shtimi i multimedias ne web faqe](https://reader036.fdocuments.net/reader036/viewer/2022081421/58ac11161a28ab33178b5993/html5/thumbnails/8.jpg)
Rezultati në Ueb faqes pas hapjes me shfletues, duket si vijon:
![Page 9: Shtimi i multimedias ne web faqe](https://reader036.fdocuments.net/reader036/viewer/2022081421/58ac11161a28ab33178b5993/html5/thumbnails/9.jpg)
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.
![Page 10: Shtimi i multimedias ne web faqe](https://reader036.fdocuments.net/reader036/viewer/2022081421/58ac11161a28ab33178b5993/html5/thumbnails/10.jpg)
Se si përdorim etiketën <object> për shtimin e një elementi në Ueb faqe, shohim nga shembulli i mëposhtëm:
![Page 11: Shtimi i multimedias ne web faqe](https://reader036.fdocuments.net/reader036/viewer/2022081421/58ac11161a28ab33178b5993/html5/thumbnails/11.jpg)
Rezultati pas egzekutimit në browser do të duket:
Ose, nëse dëshirojmë me shtu një fotografi si reklamë, psh:
![Page 12: Shtimi i multimedias ne web faqe](https://reader036.fdocuments.net/reader036/viewer/2022081421/58ac11161a28ab33178b5993/html5/thumbnails/12.jpg)
Rezultati pas egzekutimit në browser do të duket:
![Page 13: Shtimi i multimedias ne web faqe](https://reader036.fdocuments.net/reader036/viewer/2022081421/58ac11161a28ab33178b5993/html5/thumbnails/13.jpg)
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:
![Page 14: Shtimi i multimedias ne web faqe](https://reader036.fdocuments.net/reader036/viewer/2022081421/58ac11161a28ab33178b5993/html5/thumbnails/14.jpg)
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=’
![Page 15: Shtimi i multimedias ne web faqe](https://reader036.fdocuments.net/reader036/viewer/2022081421/58ac11161a28ab33178b5993/html5/thumbnails/15.jpg)
Rezultati pas hapjes së në shfletues duket:
![Page 16: Shtimi i multimedias ne web faqe](https://reader036.fdocuments.net/reader036/viewer/2022081421/58ac11161a28ab33178b5993/html5/thumbnails/16.jpg)
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)
![Page 17: Shtimi i multimedias ne web faqe](https://reader036.fdocuments.net/reader036/viewer/2022081421/58ac11161a28ab33178b5993/html5/thumbnails/17.jpg)
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>:
![Page 18: Shtimi i multimedias ne web faqe](https://reader036.fdocuments.net/reader036/viewer/2022081421/58ac11161a28ab33178b5993/html5/thumbnails/18.jpg)
Rezultati pas hapjes së shfletuesit duket si më poshtë: