REFERAT KURS JUMISI / gulden7
.docx7-laboratoriyali’q jumi’s
Tema: HTML-5 multimedia imkaniyatlari’nan paydalani’w
Jumi’sti’n’ maqseti’: HTML-5 multimedia imkaniyatlari’nan paydalani’wdi u’yreniw
Laboratoriya jumi’si’n ori’nlaw ta’rtibi:
HTML fayldi’ jarati’w ha’m kodlari’n jazi’w;
Tayar web betti brauzer arqali’ tekseriw;
Teoriyali’q bo’lim:
Sintaksis
<audio src="URL"></audio>
<audio>
<source src="URL">
</audio>
Atributlari
autoplay web juklengende audio avtomat turde qoyiladi
controls audiog’a uskeneler panelin qoyadi
src audioga joldi korsetedi
Sintaksis Atributlari
<video>
<source src="URL">
</video>
Atributlari
autoplay web juklengende video avtomat turde qoyiladi
controls videog’a uskeneler panelin qoyadi
src videoga joldi korsetedi
height videorolik biyikligi
width videorolik uzi’nli’gi’
Ma’selenin’ qoyi’li’wi’: Aling’an bilimlerden paydalani’p HTML din multimedia imkaniyatlarinan paydalanip web bet jaratiw
Ma’selenin’ sheshiliwi:
Da’slep index.html fayli’n jarati’p og’an HTML ha’m bootstrap kodlardi’ jazami’z:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Laboratoriya 7</title>
<style>
h4 {
display: block;
margin: 0 auto;
border-radius: 5px;
padding: 10px;
margin: 0 auto;
width: 50%;
border:1px solid red;
}
</style>
</head>
<body>
<h4>HTML din multimedia imkaniyatlari</h4>
<br>
<div style="margin: 0 auto; width: 50%">
<audio controls>
<source src="r.mp3" type="audio/mp3">
</audio>
<video controls="controls" autoplay>
<source src="rr.mp4" type="video/mp4">
</video>
</div>
</body>
</html>
Brauzerdegi ko’rinisi: