Вставка музыки на страницы сайта







Моя дорога в изучении HTML, PHP, CSS и MySQL

Украшаем сайт


4. Вставка музыки на страницы сайта

Заказчица сайта кафе пожелала, чтобы на странице Главная звучала нужная песня как фоновая музыка. Искала, как это сделать, пока не попала на сайт, где приводятся доводы, почему от этого лучше воздержаться. Самый главный из них: у пользователя уже звучит любимая композиция или он хочет сидеть в тишине (может быть кто-то спит). И вдруг начинает "петь" страница. Причём отключить фоновый звук пользователь не может. Он покинет эту страницу и больше к ней не вернётся. Я сама так поступаю, когда на странице появляется видео и не отключается.

Договорились запускать музыку с помощью флеш-плеера. Тогда можно будет запускать и останавливать воспроизведение музыки, регулировать громкость звука. Но в браузере должен работать флеш-плеер. Например, если он не работает на Ubuntu в Mozilla Firefox, то установить его можно в терминале (введя пароль root) командой:
sudo apt-get install flashplugin-installer
Так как кафе называется "Магнолия", то была заказана песня "В краю магнолий". Вот что получилось:

А теперь пишу, как это получить. Скачайте архив с флеш-плеером, распакуйте. Создала папку audio, в ней: из архива файл webplayer.swf (флеш-плеер) и файл v_krayu_magnoliy.mp3. В любое место страницы (после body) вставила:
<object data="audio/webplayer.swf"
type="application/x-shockwave-flash" width="240" height="64">
<param name="movie" value="audio/webplayer.swf">
<param name="menu" value="false">
<param name="scale" value="noscale">
<param name="flashvars" value="src=audio/v_krayu_magnoliy.mp3&autostart=no">
</object>

Если height="16", то вид будет такой:

Вставьте свой файл с расширением mp3 и измените путь к файлу, если нужно.
Источник: Справочник по html

Нашла ещё один флеш-плеер (к сожалению источник не сохранила). Он поддерживает кириллицу. С помощью файла songs.xml (из архива) можно менять цвет, перечислять те мелодии, которые будут звучать. Здесь последовательно звучат 3 мелодии. С помощью этого флеш-плеера на сайте можно будет создать, например, курс аудио-лекций. Скачать архив флеш-плеера.

Какого же было моё удивление, когда при проверке страницы на валидность увидела от 9 до 17 ошибок (в зависимости от того, какой флеш плеер ставила). Я стремлюсь, чтобы все страницы сайта были валидны. Попробовала выделить указанные строки в отдельный блок, а на этой странице использовала функцию include_once. Ошибки исчезли, страница опять валидна, но блок-то невалидный.

При Комплексном Анализе Сайта эти ошибки вышли. И виной всему первый из проигрывателей (2 вида). Пришлось выбирать: удалить эту страницу или распрощаться с валидностью сайта. А вдруг кто-нибудь подскажет, как это исправить. Оставила.







Copyright © 2015. Хайманова Татьяна Яковлевна. Все права защищены.