Мультимедианы ендіру. Информатика, 10 сынып, презентация.
Мультимедияны ендіру
10.4.2.4 Web-бетке мультимедиялық объектілерді қою үшін HTML-тегтерді пайдалану
Графика және мультимедиа
Графика және мультимедиялық файлдардың табиғаты текстілік файлдардан ерекше, сондықтан оларды бір файлға біріктіру мүмкін емес.
HTML-ды құрастырушылар осы мәселені шешудің тиімді жолын ұсынған. Графикалық және мультимедиялық берілгендер жеке файлда сақтиалады. Ал web-беттің HTML-кодында арнайы тегтердің көмегімен осы файлдарға сілтеме жасалады. Мұндай тег кездескен жағдайда web-шолушы web-серверден сәйкесті файлды сұратады және керекті орынға берілгендерді жүктейді.
Web-беттің файлдарынан дербес файлда сақталатын кез-келген графика, дыбыс, бейне, мультимедиа файлдары ендірілген элементтер деп аталады.
Графика
Web-беттерде графика ертерек пайда болды, осы мақсатқа арналған тег 1997 ж шыққан HTML 3.2 нұсқада ұсынылды.
Интернет-графика форматтары
Формат GIF (Graphics Interchange Format, графикамен алмасу форматы) —1987 ж ойлап тыбылып, 1989 ж модернизацияланды. (Ескірген формат деп есептеледі). GIF форматы Web-бетті безендіру элементтерін (сызғыштар, маркерлер,) және штрихталған суреттерді сақтау үшін қолданылады.
Формат JPEG (Joint Photographic Experts Group, фотография эксперттерінің біріктірілген форматы) арнайы жартылай тонды суреттерді сақтау үшін 1993 ж ойлап табылды. JPEG суретте пайдаланатын түстер санына шектеу қоймайды және алгоритмі жартылай тонды суреттер үшін тиімді болып табылады.
Формат PNG (Portable Network Graphics, ауыспалы желілік графика) 1996 ж шықты. PNG форматының артықшылықтарына штрихталған және жартылай тонды суреттерді сақтай алуймен жартылай мөлдірлікті қолдауын айтуға болады. Кемшілігі – анимацияны сақтау мүмкіндігі жоқ.
Графиканы ендіру
Web-бетке графикалық файлды қою үшін тегі қолданылады. Web-шолушы суретті Web-беттің
тегі кездескен орынға жүктейді.
<IMG> — тегінің атрибуттары. Міндетті атрибут SRC файлдың орналасқан жерін (адресін) көрсету үшін пайдаланылады.
Мысал:
Web-беттің негізгі файлы орналасқан бумада орналасқан image.gif атаумен сақталған файлдағы суретті қою
Мысал:
images/picture.jpg">
Web-сайттың негізгі бумасында сақталған images бумасындағы picture.jpg атаумен сақталған файлдағы суретті қою
Мысал:
<IMG SRC="http://www.othersite.ru/book12/author.jpg">
Web-бетке, http://www.othersite.ru/book12/author.jpg интернет-адресі бойынша сақталған басқа Web-сайтта орналасқан суретті қою.
Мысал
Практикалық тапсырма
Фрагменттерді толықтырыңыз, HTML-файлды сақтаңыз, нәтижені браузер терезесінде қарап көріңіз
<img src="img/majak.jpg" align="left">
Этот маяк расположен на берегу моря и служит кораблям для ориентира. Он очень помогает морякам в плохую погоду.
<br><br>
<img src="img/sea.jpg" align="right">
Это небольшая яхта.
<br clear="right">
Я люблю море, но не умею плавать.
<br><br>
<img src="img/majak.jpg" align="left">
<img src="img/sea.jpg" align="right">
Море, море - мир безбрежный
Мультимедиа
Мультимедиа — бірінші кезекте аудио және видео. Web-шолушыға мультимедиялық файлдың форматын білу оны жүктеу үшін жеткіліксіз. Файлға жазылған ақпаратты кодтау форматының белгісі болуы шарт, себебі қандай да бір форматтағы файл әртүрлі жолмен кодталған ақпаратты сақтай алады.
Мультимедиалық файлдың кодталуы оның сығылуын қамтамасыз етеді. Осылайша мультимедиалық файлдардың көлемі азаяды, бұл олардың желі бойынша жіберілу жылдамдығын арттырады.
HTML 5-те мультимедиамен жұмыс жасауға арналған екі тег бар:
1) Audio
2) Video
Аудионы ендіру
Мысал
<html>
<head>head><body>Сейчас проигрывается мелодия...
<audio> тегінің атрибуттары:
Атрибут src - файлдың орналасқан орнын көрсету үшін
Атрибут autoplay - web-бет жүктелгеннен кейін файлды ойнату керек екенін хабарлайды
Атрибут loop - файлды ойнату санын көрсету үшін пайдаланылады.
Үнсіз келісім бойынша аудиоролик web-бетте көрінбейді. Алайда Мысал:
Сейчас проигрывается мелодия...p>
Видеороликті қою Мысал:
Сейчас проигрывается видео...p>
Әлеуметтік желілерде бөлісіңіз:
Facebook | VK | WhatsApp | Telegram | Twitter
Қарап көріңіз 👇
Пайдалы сілтемелер:
» Туған күнге 99 тілектер жинағы: өз сөзімен, қысқаша, қарапайым туған күнге тілек
» Абай Құнанбаев барлық өлеңдер жинағын жүктеу, оқу
» Дастархан батасы: дастарханға бата беру, ас қайыру
Соңғы жаңалықтар:
» 2025 жылы Ораза және Рамазан айы қай күні басталады?
» Утиль алым мөлшерлемесі өзгермейтін болды
» Жоғары оқу орындарына құжат қабылдау қашан басталады?