Вставка произвольных объектов в html-код
Помимо музыки и картинок в html-Документ можно вставить практически любой объект. Делается это при помощи тегов <object>...</object>. Также для того, чтобы этот произвольный объект работал, на компьютере посетителя сайта должны быть установлены необходимые для этого программы, например flash-анимация не будет работать без flash-плеера.
В предыдущей главе были рассмотрены теги,которые позволяют вставить фоновый звук на сайт, только не во все браузерах этот звук проигрывается и не везде отображается панель плеера. Использование тегов <object>...</object> устраняет эти две проблемы, то есть посетитель сможет слышать музыку или фоновый звук во всех браузерах, также он будет иметь возможность управлять этим звуком.
Пишем в блокноте следующий код:
<html>
<head>
<title>Фоновый звук на сайте</title>
</head>
<body>
<object type="audio/mpeg" data="sea.mp3" width="300" height="55" align="right">
<param name="quality" value="high">
<param name="bgcolor" value="red">
<embed src="sea.mp3" autostart="true" loop="false" hidden="false" width="300" height="55" align="right" quality="high" bgcolor="red"></embed>
</object>
<H3 align=center>Насладись звуком прибоя</H3>
<P align=center><img src="sea.jpg" alt="море" width="700" hight="700"></P>
</body>
</html>
Разъясним, находящийся выше, код.
- <object type="audio/mpeg" data="sea.mp3" width="300" height="55" align="right">. Начинаем вставку объекта при помощи тега <object>, который содержит следующие параметры:
- type - указывается MIME-тип объекта, в данном случае - audio/mpeg. Самые распространённые MIME типы:
MIME-тип тип файла расширение audio/basic *.au аудиозапись в формате AU audio/mid *.mid аудиозапись в формате MIDI audio/mpeg *.mp3 аудиозапись в формате MP3 audio/wav *.wav аудиозапись в формате WAV video/x-msvideo *.avi видео в формате AVI video/mpeg *.mpeg, *.mpg видео в формате MPEG video/quicktime *.mov видео в формате QuickTime application/x-shockwave-flash *.swf flash - data - адрес файла.
- width. Указывается ширина объекта.
- height - высота объекта.
- align. Определяет выравнивание объекта на странице.
- type - указывается MIME-тип объекта, в данном случае - audio/mpeg. Самые распространённые MIME типы:
- <param name="quality" value="high">
<param name="bgcolor" value="red">
Тег <param> в html предназначается для передачи параметров объектам веб-страницы. Он содержит обязательные атрибуты name - имя и value - значение. Строка <param name="quality" value="high"> задаёт качество отображения объекта на странице, бывает high - высокое качество, medium - среднее и low - низкое. Строка <param name="bgcolor" value="red"> задаёт цвет фона вокруг объекта, в нашем случае - красный. - <embed src="sea.mp3" autostart="true" loop="false" hidden="false" width="300" height="55" align="right" quality="high" bgcolor="red"></embed>. Похожая строчка уже встречалась в предыдущей главе. Она пишется для браузеров, которые не поддерживают теги <object>...</object>
- </object>. Заканчиваем вставку объекта.
Пример созданной нами веб-страницы можно посмотреть здесь.