Самая распространенная задача – проигрывание звука или музыки на сайте. Создатели языка HTML разметки предусмотрели для этого элемент BGSOUND. Он должен располагаться в заголовке документа, основной для него атрибут – src ( путь к звуковому файлу) и loop (количество повторных воспроизведений файла). Вы можете также управлять звуком и задавать параметр volume , он определяет громкость воспроизведения музыки. Пропишем установку фонового звука с помощью элемента BGSOUND.
Пример BGSOUND.
<html>
<head>
<title>BGSOUND</title>
</head>
<body>
<bgsound src=”muzik.mp3″ loop=”1″ volume=”5″>
</body>
</html>
Музыка из файла muzik.mp3 будет проиграна один раз с пятой громкостью. Есть и другой способ задать музыку, ввести на сайт проигрыватель. Для создания полноценной мультимедийной галереи, нужно встраивать на страницу сайта как музыку так и проигрыватель. В таком случае используем элемент OBJECT . Начнем с того, какой вид проигрывателя нужен для посетителей сайта. Проигрыватель нужен в полном окне или графический дисплей срезать.
Пример OBJECT проигрыватель без дисплея.
<html>
<head>
<title>проигрыватель без дисплея</title>
</head>
<body>
<object classid=”CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95″ type=”audio/x-mpeg”>
<param name=”FileName” value=”muzik.mp3″ />
<param name=”AutoStart” value=”1″ />
</object>
</body>
</html> value=”muzik.mp3″ />
Элемент PARAM – это главный элемент, предназначенный для управления проигрывателем и можно управлять панелями проигрывателя, регулировать громкость, смотреть список вложений. Элементов PARAM внутри элемента OBJECT может быть много, так как для каждого параметра нужен свой элемент.
В примере не заданы ни высота, ни ширина. Проигрыватель у нас есть, хотелось бы в него добавить возможность видеть название песни и имя исполнителя мелодии. Это очень просто сделать: нужно добавить строку параметров: <param name=”ShowDisplay” value=”1″ /> .
Элемент OBJECT использует программы, находящиеся на компьютере посетителя, и с их помощью воспроизводит содержимое. Давайте разберем наиболее важные атрибуты object, которые упростят и ускорят обработку объекта браузером.
Атрибут classid – указывает адрес программы, которая будет работать с объектом. В качестве значения этого атрибута можно указывать полный или относительный путь к файлу программы. Это не всегда удобно, потому удобнее использовать идентификатора зарегистрированного ActiveX-приложения. В таком случае перед самим идентификатором должно стоять ключевое слово CLSID, как в примере.
Атрибут codetype – должен принимать значение, содержащее MIME-тип объекта, который указан в атрибуте classid. Браузер использует эту информацию для подготовки ресурсов, необходимых для запуска файлов.
Пример использование атрибутов classid и codetype
<object classid=”CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95″ codetype=”audio/mp3″> </object>
В примере указан идентификатор для проигрывателя Windows Media , а тип – для проигрывания MP3-файла.
Атрибут data – в качестве значения принимает адрес файла, который необходимо запустить с помощью проигрывателя. Такой метод определения файла используется не всегда – иногда имя файла для запуска нужно передавать через элемент PARAM. Путь к файлу необходимо указывать относительно папки, заданной атрибутом codebase. Если значение этого атрибута не указано, то путь следует задать относительно текущего документа.
Атрибут type – задает тип объекта, который указан в параметре data. Указывать нужно MIME-тип объекта, это позволит браузеру выбрать программу для воспроизведения файла. Если не указать, то браузер сам выберет приложение для воспроизведения файла заданного типа. Значение атрибута type браузер использует, когда не указано значение codetype.
Пример использование атрибутов data и type
<object data=”muzik.mp3″ type=”audio/mp3″> </object>
Если вам понадобится встроить на страницу Java-апплет, используйте атрибут code и в качестве его значения укажите имя класса вашего Java-апплета.
Пример встраивание апплета
<object code=”clock.class”></object>