Html 5 матеріалів мультимедіа
В HTML 5 є два елементи для роботи з мультимедіа:
1) Audio.
Відео: HTML 5 для початківців - рядковий і блоковий елемент
2) Video.
Перший елемент, як випливає з назви, служить для додавання аудіо-файлів. Найпростіший приклад використання елемента audio в HTML 5 наведено нижче:
src="Http://myrusakov.ru/music.wav"autoplay="Autoplay"loop="3"gt;
Зараз програється мелодія ...
Як можна бачити, у тега є три атрибута:
Відео: 1. HTML5 Custom Video Player Controls jаvascript Programming Tutorial
1) Атрибут src - вказує шлях до файлу для програвання.
2) Атрибут autoplay - повідомляє браузеру про те, що файл необхідно відтворити відразу після завантаження сторінки.
3) Атрибут loop - вказує, скільки разів необхідно програти файл (зрозуміло, якщо користувач не закриє сторінку).
Зверніть увагу, що всередині тега є текст, який служить для інформації про мелодії, що є корисним, наприклад, для людей з обмеженими можливостями.
елемент video використовується для додавання на сторінку відео-файлів.
src="Film.avi"gt;Фільм ...
Тут також все прозоро і, думаю, не варто пояснювати, навіщо потрібен атрибут src.
Відео: HTML5 для початківців | # 13 Блокові і рядкові елементи
Наостанок, скажу трохи про допустимих форматах. На даний момент зрозуміло, що будь-який браузер буде підтримувати формат wav для музики, а такі формати як mp3 або wma підтримуватимуть далеко не всі.
Що стосується відео-формату, то тут ще все більш незрозуміло, втім, це не настільки важливо. Для нас головне, що тепер буде дуже простий спосіб додавання елементів мультимедіа, які при цьому будуть з легкістю індексуватися пошуковими роботами.
Таким чином, у нас з`явилися нові можливості і, конкретно, в HTML, і в створення сайту в цілому.
- Як зробити відео в якості фону сайту на html5. (1/2).
- Як зробити відео на задньому фоні за допомогою jquery.
- Робота з відео в html5.
- Як вставити аудіо на сайт
- Як зробити онлайн-трансляцію вашої веб-камери на чистому jаvascript.
- Як зробити фотографію з вашої веб-камери на jаvascript.
- Команда attrib
- Атрибути html5: reversed, contenteditable, hidden.
- Html 5 матеріалів рівня блоку
- Посилання та зображення в html
- Робота з аудіо в html5.
- Редирект на html
- Атрибут data- * в html5.
- Вирівнювання елементів в html
- Використання тега optgroup в html
- Списки html
- Html 5 інтерактивні елементи
- Атрибут html5 - read only.
- Створення таблиць в html
- Атрибут download в html5
- Створення форм в html