Мультимедиа html
Длительность: 4:12
Просмотров: 625
Уникальных 2
Добавлено: 17. 05. 2017
Пользователь:
Описание
В 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, и в создании сайта в целом.
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, и в создании сайта в целом.
Категории:
Hi-Tech
- Еще видео этого автора
