Встраивание аудио

Встраивание аудио

Для начала возьмем самую распространенную задачу – проигрывание фонового звука. Чтобы разобраться с ней, нужно немного отвлечься от элемента OBJECT, потому что есть способ встроить фоновый звук и без него. Создатели языка HTML предусмотрели для этого специальный элемент BGSOUND. Он должен располагаться в заголовке документа, его основные атрибуты – src (путь к звуковому файлу) и loop (количество повторных воспроизведений файла). Для управления звуком можно задавать параметр volume, который определяет громкость воспроизведения музыки. Пример установки фонового звука с помощью элемента BGSOUND приведен в листинге 4.15.

Листинг 4.15. Задание фонового звука с помощью элемента BGSOUND

<html>

<head>

<title>Встраивание объектов</title>

</head>

<body>

<bgsound src="test.mp3" loop="1" volume="5" />

</body>

</html>

В случае примера из листинга 4.15 музыка из файла test.mp3 будет проиграна один раз с пятой громкостью.

Есть и другой способ задать фоновую музыку, например ввести на сайт проигрыватель и задать ему нулевые размеры. Этот способ имеет смысл использовать, когда нужно реализовать нестандартное управление воспроизведением музыки на сайте. В таком случае это можно будет сделать через управляющие команды проигрывателя.

В листинге 4.16 приведен пример того, как задать фоновую музыку с использованием элемента OBJECT.

Листинг 4.16. Задание фоновой музыки с помощью элемента OBJECT

<html>

<head>

<title>Встраивание объектов</title>

</head>

<body>

<object classid="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95" width="0" height="0" type="audio/x-mpeg" >

<param name="FileName" value=" test.mp3" />

<param name="AutoStart" value="true" />

<param name="Volume" value="10" />

<param name="PlayCount" value="2" />

</object>

</body>

</html>

В листинге 4.16 используются параметры AutoStart и Volume, которые задают автоматическое начало воспроизведения и громкость звука соответственно, а сам файл для воспроизведения указывается с помощью параметра URL. Количество повторов определяет параметр PlayCount. При обработке кода из листинга 4.16 файл test.mp3 будет проигрываться сразу при открытии страницы с десятой громкостью два раза.

Примечание

В последних версиях браузеров, перед тем как запустить активное содержимое, запрашивается разрешение пользователя на запуск. Если использовать вариант с элементом BGSOUNG, то подобного запроса не будет, а сразу же начнется воспроизведение звука. При использовании второго варианта для запуска активного содержимого необходимо будет получить согласие пользователя.

С фоновым звуком все просто, но его явно недостаточно для создания полноценной мультимедийной галереи, чаще приходится встраивать на страницу музыку вместе с проигрывателем. В таком случае без элемента OBJECT не обойтись, и альтернатив здесь нет.

Начнем с того, что приведем проигрыватель к удобному для посетителя виду. При воспроизведении музыки пропадает необходимость в полном окне проигрывателя и поэтому графический дисплей можно «срезать». Это делается очень просто: нужно изменить высоту объекта, то есть просто опустить атрибут height элемента OBJECT, оставляя проигрыватель без высоты.

Код для такого отображения проигрывателя представлен в листинге 4.17.

Листинг 4.17. Неполное окно проигрывателя

<html>

<head>

<title>Встраивание объектов</title>

</head>

<body>

<object classid="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95" type="audio/x-mpeg">

<param name="FileName" value="test.mp3" />

<param name="AutoStart" value="1" />

</object>

</body>

</html>

Результат обработки браузером листинга представлен на рис. 4.13.

Рис. 4.13. Аудиопроигрыватель

В примере не заданы ни высота, ни ширина. В случае с проигрыванием музыки в этом нет необходимости.

Итак, у нас есть удобный для посетителя сайта проигрыватель. Единственное, что хотелось бы добавить в него, это возможность видеть название песни и имя исполнителя данной мелодии. Это очень просто сделать: нужно добавить строку параметров: <PARAM name="ShowDisplay" value="1"/>.

Результат добавления такой строки параметров показан на рис. 4.14.

Рис. 4.14. Аудиопроигрыватель с дополнительной информацией

Теперь у нас есть удобный и симпатичный проигрыватель музыкальных файлов.

Примечание

При использовании Проигрывателя Windows Media версии выше 6. 4 параметры могут отличаться. Например, вместо FileName используется параметр URL. Идентификатор clsid для Проигрывателя Windows Media версий выше 6. 4: 6BF52A52-394A-11D3-B153-00C04F79FAA6.

Итак, музыка встроена, но нам не терпится добавить туда еще немного возможностей, например проигрывание видео.

Поделитесь на страничке

Следующая глава >

Похожие главы из других книг

Копирование аудио

Из книги Запись CD и DVD: профессиональный подход автора Бахур Виктор

Копирование аудио Вставьте аудиодиск в привод. Запустите программу Sound Forge, выполните команду File ? Extract Audio from CD (Файл ? Извлечь аудио с CD). Откроется окно Extract Audio from CD (Извлечь аудио с CD) (рис. 4.3). Рис. 4.3. Окно Extract Audio from CD (Извлечь аудио с CD).Из раскрывающегося списка Action


Аудио-компакт

Из книги Советы по Delphi. Версия 1.0.6 автора Озеров Валентин


8.3.2. Расширение и встраивание языков

Из книги Искусство программирования для Unix автора Реймонд Эрик Стивен

8.3.2. Расширение и встраивание языков Один из фундаментально важных вопросов заключается в том, возможно ли реализовать мини-язык путем расширения или встраивания существующего языка сценариев. Нередко такой подход является правильным путем к императивному мини-языку,


Встраивание

Из книги Microsoft Visual C++ и MFC. Программирование для Windows 95 и Windows NT автора Фролов Александр Вячеславович

Встраивание В некоторых случаях более удобно и эффективно выполнять подстановку тела функции вместо ее вызова. Непосредственная подстановка тела функции позволит сэкономить время процессора на вызове функции. В языке Си этого можно достичь при помощи директивы


8.3.2. Расширение и встраивание языков

Из книги Искусство программирования для Unix автора Реймонд Эрик Стивен

8.3.2. Расширение и встраивание языков Один из фундаментально важных вопросов заключается в том, возможно ли реализовать мини-язык путем расширения или встраивания существующего языка сценариев. Нередко такой подход является правильным путем к императивному мини-языку,


5.1.15. Аудио- и видеофайлы

Из книги Самоучитель работы на Macintosh автора Скрылина Софья

5.1.15. Аудио- и видеофайлы Текстовый процессор Pages предоставляет возможность добавлять в документ звуковые файлы, клипы и Flash-ролики. Для запуска файла используется двойной щелчок по его пиктограмме. Как вы, наверное, догадались, эта замечательная возможность Pages


3.4. Аудио- и видеоплееры

Из книги С компьютером на ты. Самое необходимое автора Егоров А. А.

3.4. Аудио- и видеоплееры Персональный компьютер — вещь поистине уникальная. C его помощью можно не только набирать тексты, путешествовать по просторам Интернета, играть в игры или заниматься научной работой — вы можете использовать своего железного друга как магнитофон


Аудио– и видеопроигрыватели

Из книги Знакомьтесь: Ноутбук автора Жуков Иван

Аудио– и видеопроигрыватели Где мы найдем любимое кино и песнюОтличие CD и DVD-дисковДиски бывают двух видов – CD и DVD.Отличие CD от DVD только в том, что на DVD помещается в четыре раза больше информации, чем на CD. То есть если на CD-диск помещается один фильм, да и то не в очень


Встраивание драйверов в ядро

Из книги Операционная система UNIX автора Робачевский Андрей М.

Встраивание драйверов в ядро Драйвер устройства является частью кода ядра операционной системы и обеспечивает взаимодействие других подсистем UNIX с физическими или псевдоустройствами. Существует два основных метода встраивания кода и данных драйвера в ядро


4.1. Встраивание изображений

Из книги HTML, XHTML и CSS на 100% автора Квинт Игорь

4.1. Встраивание изображений Начнем с добавления изображения, потому что это самый простой для добавления и самый распространенный мультимедийный элемент, встречающийся в Интернете. У изображений много плюсов: статичность, небольшие размеры файлов (относительно других


Встраивание объектов

Из книги автора

Встраивание объектов Итак, есть способ загрузить наш мультимедиа-файл на страницу сразу, при этом надо учитывать, с помощью какой программы будет воспроизводиться файл, потому что загружать динамический объект нужно вместе с проигрывателем. Для обращения к этой


Встраивание видео

Из книги автора

Встраивание видео Сейчас встраивать видео на сайт можно без опасений – нынешних скоростей доступа в Интернет достаточно, чтобы у пользователей не было проблем с просмотром и скачиванием видео. Тем более что сейчас перемещение видеоархивов в сеть становится весьма


Встраивание Flash-графики

Из книги автора

Встраивание Flash-графики Необходимость Flash-графики не всегда очевидна, однако красиво нарисованная заставка может оживить вашу страницу. Не стоит ни пренебрегать Flash-графикой, ни переоценивать ее действие. Переизбыток подобного содержимого может замедлить загрузку


7.1. Встраивание CSS в HTML

Из книги автора

7.1. Встраивание CSS в HTML Начнем разбирать таблицы стилей с небольшого HTML-документа (листинг 7.1).Листинг 7.1. Простой HTML-документ<html><head><title>Моя домашняя страница</title></head><body><h1>Моя домашняя страница</h1><p>На этой странице вы найдете информацию обо мне