День 12. Музыкальная шкатулка.
И вот наконец-то, друзья. Я так давно уже хотел научится
работать с музыкальными файлами, чтобы взять
так и забабацать кайфовое музыкальное сопровождение для страницы. Но я
себя пересиливал, говоря себе, что нужно идти последовательно, не лезть вперед
батьки в печь, и вот я таки решил, что пора, что можно браться за музыку.
Встраивание аудио файлов на страницу осуществляется элементом
OBJECT, который в общем то нужен не только для встраивания аудио, но и любых
других мультимедийных объектов.
Элемент OBJECT
использует программы, находящиеся на компьютере посетителя и с их
помощью воспроизводит активное содержимое.
И лично для меня был несколько непривычным моментом тот факт, что при
создании страницы мне нужно привлекать какие то средства извне.
У этого элемента достаточное количество разных атрибутов,
причем среди них нет ни одного обязательного, мы можем работать с этим элементом
очень гибко, добиваясь всего, что нам нужно.
Атрибут classid указывает адрес программы, которая будет
обрабатывать объект. В принципе можно указывать абсолютный либо относительный
адрес программы, но тут возникает такая проблема, что ведь ни у каждого посетителя
наших крутейших сайтов нужные программы установлены в одном и том же месте.
Соответственно, нужен какой–то такой инструмент, который позволил бы сказать
браузеру какую программу нужно запустить. Делать это по имени неудобно, файлы
могут быть переименованы, поэтому у каждой лицензированной программы есть
код-идентификатор, который можно вводить
в качестве значения для classid, только предварительно нужно указать
ключевое слово CLSID, как ниже в примере. Идентификаторы для различных программ
запросто можно найти в интернете, так что не волнуйтесь.
Атрибут codetype предназначен для указания типа файла(говоря в общем, там
должен быть указан какой-то MIME-тип, что это и где это узнать я разберусь
позже, а может быть вы мне подскажите ).
Второй немаловажный элемент для встройки аудио , это PARAM.
Парам – парам- пам –пам. Шутка. На самом
деле это сокращение от Parametr, вроде.
Он указывает параметры проигрывателя, который будет воспроизводить файл.
У него есть два основных атрибута name и value.
Первый задает параметр, который будет установлен, а второй задает его значение.
Для этих атрибутов есть множество возможных значений, с
которыми вы можете ознакомиться здесь.
Встраивание аудио.
Давайте же перейдем к примеру. Вот код:
<html>
<head>
<title>Встраивание аудио</title>
</head>
<body>
<object classid="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95" codetype="audio/mp3" />
<param name="filename" value="Sleep Away.mp3" />
<param name="autostart" value="false" />
</object>
</body>
</html>
<head>
<title>Встраивание аудио</title>
</head>
<body>
<object classid="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95" codetype="audio/mp3" />
<param name="filename" value="Sleep Away.mp3" />
<param name="autostart" value="false" />
</object>
</body>
</html>
Здесь 22D6F312-B0F6-11D0-94AB-0080C74C7E95 это идентификатор
Windows Media Player'а, а параметры ширины и высоты определяют соответствующие
размеры проигрывателя в окне.
Также в коде выше применяется два элемента PARAM, для каждого из
которых установлены свои значения атрибутов. Параметр filename задает имя
проигрываемого файла, а параметр autostart определяет возможно ли
автоматическое проигрывание музыки.
Обратите внимание на то что вам на своем компьютере нужно
указать свой аудио файл, в качестве проигрываемого, это раз, и убедитесь, что ваш браузер отображает активное содержимое, если нет, то разрешите ему это, это два!!!
Музыка фоном.
А вот если взять и указать размеры проигрывателя нулевыми,
то получите играющую фоном музыку. А чтобы музыка не останавливалась и играла
не один раз, использован элемент PARAM c соответствующими атрибутами: playcount
разрешает повтор музыки столько раз, сколько вы укажете в качестве значения для
value.
<head>
<title>Фоновая музыка</title>
</head>
<body>
<object classid="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95" codetype="audio/mp3" width="0" height="0">
<param name="filename" value="Sleep Away.mp3" />
<param name="autostart" value="true" />
<param name="playcount" value="10" />
</object>
</body>
</html>
Я думаю вы догадались, какие атрибуты задали нулевые ширину и высоту проигрывателя, точно также как и то, почему здесь нет скриншота окна браузера.
Дома.
Побудьте с семьей. Порадуйте маму чистой посудой, обнимите сестру просто так, поцелуйте бабушку - она заслужила это больше, чем вы можете себе это представить. Эти люди будут с вами независимо от того, умеете вы создавать сайты или нет. Цените их.Пока, друзья.
Комментариев нет:
Отправить комментарий