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
Списки html
Використання тега optgroup в html
Редирект на html
Створення форм в html
Атрибут data- * в html5.
Робота з відео в html5.
Робота з аудіо в html5.
Як вставити аудіо на сайт
Як зробити фотографію з вашої веб-камери на jаvascript.