Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
практичні кп-кс 2 курс.docx
Скачиваний:
0
Добавлен:
01.07.2025
Размер:
2.12 Mб
Скачать
    1. 2. Звук

Для програвання звуку на Web-сторінках можливо використовувати тег <audio>, основним параметром якого є src, що дозволяє визначити адресу звукового файлу. Наприклад, для того, щоб при перегляді в браузері Web-сторінки прозвучав звук, записаний в файлі 1.wav, необхідно записати такий HTML-код:

<audio src=1.wav >

Основні параметри цього тегу показані в табл7.2

Табл.. 7.2.

Парметри тегу <audio>

Назва параметру

Призначення

width

Ширину звукового програвача в пікселях

height

Висоту звукового програвача в пікселях

hspace

Відступ від звукового програвача до інших об’єктів на HTML-сторінці по вертикалі

vspace

Відступ від звукового програвача до інших об’єктів на HTML-сторінці по горизонталі

hidden

Дозволяє показувати/не показувати (false/true) звуковий програвач у вікні браузера

lowsrc

Задає файл з альтернативним зображенням

align

Вирівнювання малюнка відносно інших об’єктів на HTML-сторінці

src

Адреса графічного файлу

dynsrc

Адреса відео файлу

autostart

Задає момент початку прокрутки відео ролика. Можливі значення:

true  програвання починається відразу після завантаження звукового файлу,

false  програвання починається після команди користувача.

loop

Задає кількість повторів відео - ролика. Можливі значення:

true  програвання відбувається безперервно,

false  кількість повторів визначається користувачем.

    1. 3. Відео

  1. Для вставки відео-файлів використовують тег <video>

  2. Основні параметри цього тегу показані в табл.7.3.

  3. Табл. 7.3.

  4. Параметри тегу <video>

  1. autoplay

  1. Відео відтворюється відразу з завантаженням сторінки

  1. controls

  1. Додає панель керування

  1. poster

  1. Вказує адресу малюнка, який буде відображено, поки відео недоступне

  1. loop

  1. Повторення відтворення файла спочатку

  1. preload

  1. Для завантаження файла разом з сторінкою

  1. src

  1. Шлях до файла

  1. width

  1. Задає ширину області відеоролика

Приклад:

<html>

<head>

<meta charset="utf-8">

<title>video</title>

</head>

<body>

<video width="400" height="300" controls="controls" poster="video/duel.jpg">

<source src="video/duel.ogv" type='video/ogg; codecs="theora, vorbis"'>

<source src="video/duel.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>

<source src="video/duel.webm" type='video/webm; codecs="vp8, vorbis"'>

Тег video не підтримується вашим браузером.

<a href="video/duel.mp4">Скачайте відео</a>.

</video>

</body>

</html>