HTML 5 Элементы мультимедиа
В HTML 5 имеются два элемента для работы с мультимедиа:
1) Audio.
2) Video.
Первый элемент, как следует из названия, служит для добавления аудио-файлов. Простейший пример использования элемента audio в HTML 5 приведён ниже:
<html>
<head>
</head>
<body>
<audio src="http://myrusakov.ru/music.wav" autoplay="autoplay" loop="3">
<p>Сейчас проигрывается мелодия...</p>
</audio>
</body>
</html>Как можно видеть, у тега <audio> имеются три атрибута:
1) Атрибут src - указывает путь к файлу для проигрывания.
2) Атрибут autoplay - сообщает браузеру о том, что файл необходимо воспроизвести сразу после загрузки страницы.
3) Атрибут loop - указывает, сколько раз необходимо проиграть файл (разумеется, если пользователь не закроет страницу).
Обратите внимание, что внутри тега <audio> имеется текст, который служит для информации о мелодии, что является полезным, например, для людей с ограниченными возможностями.
Элемент video используется для добавления на страницу видео-файлов.
<html>
<head>
</head>
<body>
<video src="film.avi">Фильм...</video>
</body>
</html>Здесь также всё прозрачно и, думаю, не стоит пояснять, зачем нужен атрибут src.
Напоследок, скажу немного о допустимых форматах. На данный момент понятно, что любой браузер будет поддерживать формат wav для музыки, а такие форматы как mp3 или wma будут поддерживать далеко не все.
Что касается видео-формата, то здесь ещё всё более непонятно, впрочем, это не столь важно. Для нас главное, что теперь будет очень простой способ добавления элементов мультимедиа, которые при этом будут с лёгкостью индексироваться поисковыми роботами.
Таким образом, у нас появились новые возможности и, конкретно, в HTML, и в создании сайта в целом.
-
Создано 21.05.2010 11:33:43
-
Михаил Русаков
Комментарии (14):
А чтобы писать в txt HTML 5 скрипты нужны? Если да, можете привести показ, как пишется этот скрипт?
Ответить
HTML5 пишется абсолютно так же как и HTML4. Никаких скриптов не нужно. Однако, HTML5 полностью ещё не поддерживается ни одним из браузеров, поэтому создавать сайт на нём ещё рано.
Ответить
Еще один вопрос. А создавать сайт можно только одним из них? Или можно и двумя?
Ответить
Вы можете использовать HTML4+HTML5, но DOCTYPE должен быть указан HTML5.
Ответить
Спасибо теперь уж разобрался =).
Ответить
А вместо music.wav название видео писать? И как писать? "music" и видео? Или вообще без "music"? Можете помочь?
Ответить
Это вставка аудио. Значение src - путь к аудио-файлу. <audio src="http://myrusakov.ru/music.wav" autoplay="autoplay" loop="3"> Это вставка видео. Значение src - путь к видео-файлу. <video src="film.avi">Фильм...</video>
Ответить
Ничего себе, технология программирования как шагнула далеко вперед, скоро наверное за нас компьютер программировать будет. А как насчет плеера в HTML 5? Или он тоже будет встроен?
Ответить
Плеер встроен в HTML5.
Ответить
Как у Вас, у меня аудио не работает! Зато работает так: <audio controls="" name="media"><source src="1.mp3" type="audio/mp3"></audio>
Ответить
Универсальное решение! <audio controls="" name="media"><source src="1.mp3" type="audio/mp3"><embed src="1.mp3"></embed></audio>
Ответить
Я зацікавився FLAC, як його відтворити в браузері? Можливо треба перекодовувати в php на інші формати?
Ответить
FLAC перекодировать в php? Это как? В браузере его воспроизвести можно с помощью плеера.
Ответить
Здравствуйте Михаил.У меня аудио не открывается <audio src="D:\Kalimba.mp3" autoplay="autoplay" loop="3">
Ответить
Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.