Responsive Advertisement

Using Audio and Video in HTML

 


Isticmaalka Maqal iyo Muuqaal ee HTML

Qaybta 10: Ku Darista Maqal iyo Muuqaal Boggaaga HTML
Teknolojiyada HTML waxay bixisaa habab fudud oo aad maqal iyo muuqaal ugu dari karto bogaggaaga webka, taas oo sare u qaadaysa khibradda isticmaalaha. Qodobkan wuxuu sharxayaa isticmaalka astaamaha sida <BGSOUND> iyo <EMBED>.

1. Maqalka Asalka ah ee Bogga Webka

Astaanta <BGSOUND> waa habka ugu sahlan ee loogu daro cod asalka boggaaga webka. Waxaad ku dari kartaa <BGSOUND> qaybta HEAD ama BODY ee boggaaga. Tani waxay oggolaanaysaa codka inuu ciyaaro marka boggu furmo.

Tusaale Koodh:
Koodhka hoos ku xusan wuxuu ciyaarayaa faylka "Raad.mp3" toban jeer mar kasta oo boggu furmo:

<HTML>
<HEAD>
<TITLE>Maqalka Asalka Bogga</TITLE>
</HEAD>
<BODY>
<BGSOUND SRC="Raad.mp3" LOOP=10>
</BODY>
</HTML>

Astaamaha <BGSOUND>:

Astaanta Sharaxaadda
SRC="url" Waxay qeexaysaa goobta faylka codka. Faylka codka wuxuu noqon karaa qaabab caadi ah sida MIDI, WAV, AU, ama MP3.
LOOP="n" Waxay qeexaysaa inta jeer ee codka la ciyaarayo. Haddii aad rabto inuu si aan dhamaad lahayn u ciyaaro, isticmaal LOOP="INFINITE".

2. Ku Darista Muuqaal Isticmaalka <EMBED>

Astaanta <EMBED> waa hab sahlan oo muuqaal loogu daro bogga webkaaga. Astaantan waxay sababi kartaa in biraawsarka si toos ah u muujiyo ciyaaryahan muuqaal ah.

Tusaale Koodh:
Koodhkan wuxuu soo bandhigayaa muuqaal faylka "Example.mp4" si toos ah:

<HTML>
<HEAD>
<TITLE>Muuqaal Ku Jira Bogga</TITLE>
</HEAD>
<BODY>
<EMBED SRC="Example.mp4" WIDTH=640 HEIGHT=480 AUTOSTART="true">
</BODY>
</HTML>

Astaamaha <EMBED>:

Astaanta Sharaxaadda
SRC="url" Waxay qeexaysaa goobta faylka muuqaalka. Faylka wuxuu noqon karaa qaabab sida MP4, AVI, ama MOV.
WIDTH="n" Waxay dejisaa ballaca muuqaalka ee pixel ahaan.
HEIGHT="n" Waxay dejisaa dhererka muuqaalka ee pixel ahaan.
AUTOSTART="true" Waxay qeexaysaa in muuqaalka uu si toos ah u ciyaaro marka boggu furmo.

3. Maqalka iyo Muuqaalka ee HTML5

HTML5 waxay bixisaa habab horumarsan oo loogu daro maqal iyo muuqaal iyadoo aan adeegsan astaamo duug ah sida <BGSOUND> iyo <EMBED>. Astaamaha cusub ee la isticmaalo waa <audio> iyo <video>.

Tusaale Maqal (Audio):

<AUDIO CONTROLS>
  <SOURCE SRC="Raad.mp3" TYPE="audio/mpeg">
  Browserkaaga ma taageerayo maqalka.
</AUDIO>

Tusaale Muuqaal (Video):

<VIDEO WIDTH="640" HEIGHT="480" CONTROLS>
  <SOURCE SRC="Example.mp4" TYPE="video/mp4">
  Browserkaaga ma taageerayo muuqaalka.
</VIDEO>

Faa'iidooyinka HTML5 Maqal iyo Muuqaal:

  1. Waxay bixiyaan xakameynno isticmaale oo dhisan, sida badhanka ciyaar, hakinta, iyo mugga.
  2. Uma baahna taageero dibadda ah (plugin), sida Flash.
  3. Waxay taageeraan qaabab casri ah oo caalami ah.

4. Faa'iidooyinka Ku Darista Maqal iyo Muuqaal

  • Sare u Qaadida UX: Waxay kor u qaaddaa khibradda isticmaalaha, gaar ahaan marka lagu daro codad iyo muuqaallo soo jiidasho leh.
  • Dhaqan Gelinta: Waxay ku habboon tahay casharrada, bandhigyada, iyo ciyaaraha.
  • Kala Duwanaansho: Waxay ku habboon tahay codsiyada kala duwan ee isdhexgalka leh, sida e-commerce ama elearning.

Gunaanad

Isticmaalka maqal iyo muuqaal ee bogga webka wuxuu sare u qaadi karaa waxtarka iyo soo jiidashada boggaaga. Haddii aad u baahan tahay taageero browser-yo badan, isticmaal astaamaha HTML5 sida <audio> iyo <video>. Si kastaba ha noqotee, inaad si taxaddar leh u isticmaasho astaamahaas waa muhiim si loo hubiyo in boggaagu yahay mid dheellitiran oo wax ku ool ah.



Ku Darista Maqal iyo Muuqaal Boggaaga HTML


Qaybta 10: Adeegsiga Maqal iyo Muuqaal ee HTML

Teknolojiyada HTML waxay bixisaa siyaabo kala duwan oo loogu daro maqal iyo muuqaal bogaggaaga, taas oo sare u qaadaysa waayo-aragnimada isticmaalaha. Qodobkan wuxuu ku saabsan yahay isticmaalka astaamaha sida <EMBED> iyo <IMG> si loogu daro waxyaabaha isdhexgalka leh.

1. Isticmaalka <EMBED> si loo Daro Muuqaal

Astaanta <EMBED> waa mid ka mid ah siyaabaha ugu fudud ee aad muuqaal ugu dari karto boggaaga webka. Marka aad isticmaasho astaantan, browser-ka ayaa toos u soo bandhigaya ciyaaryahan muuqaal ah oo ay ku jiraan kontaroolo sida ciyaar, hakad, iyo xakamaynta mugga.

Tusaale Koodh:

<HTML>
<HEAD>
<TITLE>Muuqaal Ku Jira Bogga</TITLE>
</HEAD>
<BODY>
<EMBED SRC="Video.mp4" WIDTH="640" HEIGHT="360" AUTOSTART="true" ALIGN="CENTER">
</BODY>
</HTML>

Astaamaha Muhiimka ah ee <EMBED>:

Astaanta Sharaxaadda
SRC="url" Waxay qeexaysaa halka faylka muuqaalka ku yaallo (URL). Qaabab badan oo muuqaal ah ayaa la taageeraa.
WIDTH="n" Waxay qeexaysaa ballaca muuqaalka ee pixel ahaan ama boqolkiiba.
HEIGHT="n" Waxay qeexaysaa dhererka muuqaalka ee pixel ahaan ama boqolkiiba.
ALIGN="value" Waxay dejinaysaa sida muuqaalka loogu habeeyo bogga. Qiimayaasha waa: CENTER, LEFT, RIGHT.
AUTOSTART="true" Waxay dejinaysaa in muuqaalka uu si toos ah u bilaabmo marka boggu furmo.

Xog Dheeraad ah:
Astaanta <EMBED> waxay sababtaa in muuqaalka uu ka muuqdo khadka uu leeyahay oo bartamaha bogga ah. Ma u baahna waxyaabo sida ActiveX, Java, ama JavaScript si loo isticmaalo.

2. Ku Darista Muuqaal Isticmaalka <IMG>

Waxaad sidoo kale isticmaali kartaa astaanta <IMG> si aad muuqaal ugu darto boggaaga. Halkan waxaad adeegsanaysaa astaanta DYNSRC si aad u qeexdo faylka muuqaalka.

Tusaale Koodh:

<HTML>
<HEAD>
<TITLE>Muuqaal Ku Jira Bogga</TITLE>
</HEAD>
<BODY>
<IMG DYNSRC="video.avi" WIDTH="40%" HEIGHT="50%" LOOP="INFINITE" ALIGN="RIGHT">
</BODY>
</HTML>

Astaamaha Muhiimka ah ee <IMG> iyo DYNSRC:

Astaanta Sharaxaadda
DYNSRC="url" Waxay qeexaysaa jidka iyo magaca faylka muuqaalka.
WIDTH="n" Waxay dejinaysaa ballaca muuqaalka ee pixel ahaan ama boqolkiiba.
HEIGHT="n" Waxay dejinaysaa dhererka muuqaalka ee pixel ahaan ama boqolkiiba.
LOOP="value" Waxay dejinaysaa inta jeer ee muuqaalka la ciyaarayo. Qiimaha INFINITE wuxuu ka dhigan yahay in uu sii socdo.
ALIGN="value" Waxay qeexaysaa sida muuqaalka loogu habeeyo bogga.

Faa'iidooyinka:

  • Astaanta <IMG> waxaa si fudud loogu isticmaali karaa si muuqaal looga dhigo mid isdhexgal leh.
  • Waxaad xakameyn kartaa soo bandhigida muuqaalka adigoo isticmaalaya astaamaha sida WIDTH iyo HEIGHT.

3. HTML5 iyo Multimedia

Inkasta oo astaamaha <EMBED> iyo <IMG> yihiin kuwa waxtar leh, HTML5 waxay bixisaa siyaabo casri ah oo loogu daro maqal iyo muuqaal iyadoo la adeegsanayo <audio> iyo <video>. Tani waxay si weyn u fududeyneysaa isticmaalka iyo xakamaynta multimedia.

Tusaale Koodh Muuqaal (HTML5):

<VIDEO WIDTH="640" HEIGHT="360" CONTROLS>
  <SOURCE SRC="Video.mp4" TYPE="video/mp4">
  Browser-kaagu ma taageerayo muuqaalka.
</VIDEO>

Tusaale Koodh Maqal (HTML5):

<AUDIO CONTROLS>
  <SOURCE SRC="Audio.mp3" TYPE="audio/mpeg">
  Browser-kaagu ma taageerayo maqalka.
</AUDIO>

4. Faa'iidooyinka Ku Darista Maqal iyo Muuqaal

  • Horumarinta UX: Waxyaabaha maqal iyo muuqaal waxay sare u qaadaan waayo-aragnimada isticmaalaha.
  • Isdhexgalka: Waxay ku habboon yihiin casharrada, ciyaaraha, iyo waxbarashada.
  • Soo Jiidashada: Waxyaabaha muuqaalka leh waxay boggaaga ka dhigaan mid soo jiidasho leh.
  • Kala Duwanaansho Qaabab: Waxaad isticmaali kartaa qaabab badan sida MP3, MP4, AVI, iyo WEBM.

Gunaanad

Isticmaalka maqal iyo muuqaal HTML waa hab aad u fiican oo lagu kordhinayo tayada bogga webkaaga. Inkasta oo <EMBED> iyo <IMG> ay yihiin habab duug ah, HTML5 ayaa bixisa xalal casri ah oo waxtar leh. Had iyo jeer isticmaal muuqaalka iyo maqalka si dheellitiran, si aysan u carqaladeyn isticmaalayaasha.

waa dhamadkii HTML>>>>>>>................END............................








Tags

Post a Comment

0 Comments