Выпуск №10. Работа со звуковыми файлами.
15.07.2009 Рубрика: Курс по HTML&CSS
Всем привет. C Вами Андрей.
Из этого выпуска мы узнаем, каким образом можно подключать звуковые файлы к вашей WEB-странице.
Существует 3 метода встраивания звуковых файлов.
Первый вам уже знаком. Это ссылка на звуковой файл – универсальный вариант, который поддерживается большинством браузеров.
<a href="myfile.mp3"> текст ссылки </a>
По нажатию на эту ссылку, автоматически запускается стандартная программа для воспроизведения файлов указанного формата, обычно это Windows Media (воспроизводит AIFF, AU, MIDI, WAV и МРЗ – файлы). Этот вариант вам знаком, поэтому пойдем дальше.
Второй способ заключается в использовании контейнера <embed>.
Данный контейнер обеспечивает возможность прослушивания с помощью средств воспроизведения, отображаемых прямо на Web-странице, однако пульт управления проигрыванием может выглядеть по-разному в разных браузерах.
Еще для того что б этот контейнер отображался, в браузере должен быть установлен специальный плагин. В Internet Explorer он стоит по умолчанию, а вот что касается остальных браузеров, то не у всех он может быть. Тогда его придется установить.
<embed src="intro.mp3" width="500" height="300"></embed>
Параметр src – обязательный, определяет имя проигрываемого файла. Остальные параметры можно не указывать. Их перечень приведен ниже.
WIDTH=n – определяет ширину консоли в пикселях.
HEIGHT=m – определяет высоту консоли в пикселях.
AUTOSTART=TRUE|FALSE – если имеет значение TRUE, воспроизведение начинается автоматически.
AUTOLOAD=TRUE|FALSE – если имеет значение FALSE, файл не загружается автоматически.
STARTTIME="mm:ss" – воспроизведение начинается с указанного в минутах секундах момента от начала файла.
REPEAT= TRUE / FALSE – разрешает или запрещает повторять звуковой/видео клип.
PLAY LOOP=Z – если Вы указали REPEAT-TRUE, укажите здесь вместо Z количество повторений.
VOLUME=percentage – громкость воспроизведения, указанная в процентах от максимальной.
ALIGN="value" – выравнивает консоль управления по отношению к тексту страницы. Может иметь значения CENTER, BASELINE TOP LEFT, RIGHT.
CONTROLS="value" – задает набор органов управления консоли. Может иметь следующие значения (они объяснены далее)-CONSOLE, SMALLCONSOLE, PLAYBUTTON PAUSEBUTTON, STOPBUTTON И VOLUMELEVER.
CONSOLE – полный набор органов управления.
SMALLCONSOLE – компактное представление консоли. Полный набор органов управления, кроме кнопки паузы.
PLAYBUTTON – только кнопка воспроизведения.
PAUSEBUTTON – только кнопка паузы.
STOPBUTTON – только кнопка остановки. При этом файл выгружается.
VOLUMELEVER – только регулятор громкости.
С параметрами разобрались.
Предлагаю вам самим попробовать применить различные параметры и посмотреть, как они работают (тут ничего сложного нет).
Третий способ – это указать звуковой файл фоновым звуком для страницы.
Синтаксис тут простой:
<bgsound
src=filename — чзвуковой файл
lоор=n — количество повторов (infinite — непрерывно)
volume — громкость (от 10000 до 0,0 — значение по умолчанию)
balance — баланс между левой и правой колонками, значение может изменяться от -10000 (максимум для левого канала) до 10000 (максимум для правого канала).
/>
Пример:
<bgsound src="intro.mp3" balance="0" loop="infinite" volume="5" />
Пожалуй, это все, что касается встраивания звука в WEB-страницу. В настоящее время активно используется технология флэш, для встраивания звука. Как с помощью нее это делать, я покажу на диске, который скоро выйдет в свет.
Всем удачи.
| Подписаться |
|
Поделиться |
|
Метки: звуковые файлы, работа со звуковыми файлами
Популярные записи
Видео-отзыв. Как самостоятельно сделать сайт.
Как нарисовать обалденный дизайн сайта с нуля, сверстать его и установить на WordPress.
Делаем инновационный дизайн сайта-портфолио с альтернативным UI/UX.
Умело выводим на новый уровень SEO посты блога WordPress.
Выбираем верный шрифт: практическое руководство по типографской разметке в Сети.
Спасибо большое Андрей! Все получилось! Написано понятно и доступно о работе со звуковыми файлами!!! Прекрасный урок! СПАСИБО!!!
Нравится или не нравится:
0 
0
Спасибо однако!Вопрос такой-почему на моей страничке с музыкальными треками, при использовании ,например браузера Мозилла Ф. происходит автовоспроизведение файлов ,а в Эксплорере-нет.В настройках стоит запрет на автозапуск.Как с этим разобраться-а то в Мозилле приходится нажимать стоп плеера,чтоб небыло звуковой «каши»,спасибо!
Нравится или не нравится:
0 
0
Спасибо большое все получилось… Еще раз спасибо Андрей, твои уроки как всегда супер все просто и доступно.
Нравится или не нравится:
0 
0
Спасибо большое, Андрей! Прекрасный урок!
Нравится или не нравится:
0 
0
Спасибо, за урок!
Нравится или не нравится:
0 
0
Замечательно,Андрей,огромное спасибо!
Нравится или не нравится:
0 
0
Добрый день! уроки отличные!
У меня такой вопрос: при указании звукового файла фоновым звуком для страницы всё получается, но… как его остановить?:)
Нравится или не нравится:
1 
0
Все очень понятно. Спасибо.
Нравится или не нравится:
0 
0
Андрей! Спасибо за урок.
Нравится или не нравится:
0 
0
Полезный урок!Спасибо!!
Нравится или не нравится:
1 
0
А я вот, простите, не поняла. Устанавливать плагин, какой? Что делать вот с этим-, куда вставлять? Ничего не поняла. А хочу понять, объясните, как новичку. Сайт у меня есть. Ведь не одна я такая.
Нравится или не нравится:
0 
0
Задавайте конкретный вопрос на мэил.
Нравится или не нравится:
1 
0
Скажите, Андрей, а под картинку, например, телефона или фотоаппарата можно встроить звуковой файл звонка, или клацание аппарата,
когда на картинку нажмут мышкой.(курсором) что бы сработал звук один, или два раза?
= Баночкин С. =
Нравится или не нравится:
0 
0
Не совсем получается, что-то не так делаю, нужно ешё разбираться, где ошибки.
Нравится или не нравится:
0 
0
Здравствуйте Андрей! являюсь давним Вашим подписчиком рассылок. У меня вопрос, как сделать при нажатии на ссылку, была озвучка??? Помогите разобраться.
Нравится или не нравится:
1 
0