Размещение музыки на Web страницах сайта.
Общая часть
Если вы
хотите воспроизводить музыку, еще не размещённую в интернете, то независимо от
предлагаемого ниже варианта выполните следующий шаг.
Загрузите ваш материал на сервер, предлагающий хостинг
музыки
Например здесь:
http://minorcrisis.net/
http://uploadhut.com/
http://www.myfilestash.com/
http://www.fileden.com/
http://www.musicuploader.org/
Другие сервера можно найти,
задав "upload music" в поисковиках (например Google).
Важно, чтобы сервер
поддерживал проигрывание музыки в реальном времени, например в формате mp3, а не
просто предлагал ее сгрузить.
Сохранить
URL-адрес
После загрузки на сервер вы получите URL-адрес,
используемый в дальнейшем.
Временно сохраните его, например, в каком-нибудь
текстовом файле.
Примечания:
Некоторые сайты с генераторами (см. ниже) одновременно предлагают mp3
хостинг, поэтому этот шаг можно сделать и там.
Если вы хотите воспроизводить
музыку, уже размещенную в интернете и знаете URL-адрес, то загружать естественно
не надо.
Фоновая музыка
только на одной странице
Воспроизведение начинается автоматически при
входе на одну из страниц и не проигрывается на остальных.
Для этого
используйте следующий код. Внимание: вставлять не в поле URL, а в код страницы!
HTML код: |
<script language="JavaScript"> var ver = navigator.appName; if (ver == "Microsoft Internet Explorer") { document.write('<bgsound src="Ваш URL Mp3" loop=infinite>'); }else{ document.write('<EMBED src="Ваш URL Mp3" width="1" height="1" hidden="true" loop="true" autostart="true"></EMBED>'); } </script> |
Параметры:
hidden="true" => скрытый режим
loop="true" => повтор
loop="false" => без повтора
Вставка кода:
в HTML-режиме
вставить код
заменить URL-адреса на свои
сохранить, готово.
Фоновая музыка продолжается при смене страниц (Popup плейер)
При воспроизведении музыки с помощью расширения фоновая музыка, она начинается сначала при каждой смене страниц.
Если музыка должна продолжаться, можно воспроизводить ее в отдельном окне например с помощью Popup плейера:
идём на http://www.bändländ.de/Music_Code_Generator.htm
выбираем Popup генератор
задаем URL-адрес МР3 в поле "complete path to your musicfile"
если адресов несколько, разделяем их запятой
задаем настройки
выбираем дизайн
генерируем код "generate code" и вставляем например на главную страницу
после нажатия на play открывается новое окно и музыка продолжается при смене страниц
Примеры дизайнов:
![](images/popup.jpg)
В зависимости от настроек посетителя при щелчке по ссылке
открывается диалог, предлагающий сгрузить или открыть mp3 в стандартном плейере, установленном у посетителя вашей страницы
плейер открывает ссылку в том же или в новом окне
Пример :
Название песни-1
Название песни-2
..............
Название песни-5
Вставка на странице (в редакторе)
Зайдите в раздел "Редактировать страницы"
выберите страницу, на которой вы хотите создать каталог
в редакторе напишите название ссылки (название композиции)
выделите слово мышью и нажмите символ для вставки ссылки (глобус с цепью)
откроется окно с пустым полем URL. В него и надо внести URL-адрес mp3
в закладке Target можно установить, где должна открываться ссылка (в том же окне, в новом и т.д.)
Вставка на странице (HTML-код)
Пример для одной ссылки:
HTML код:
<a href="Ваш URL Mp3">Название песни-1</a>
<a href="Ваш URL Mp3">Название песни-2</a>
--------------------------------------
<a href="Ваш URL Mp3">Название песни-5</a>
Простой каталог mp3 (прямая ссылка с изображений)
Это модификация предыдущего варианта, в котором ссылка производится не с текста, а с изображения
Пример :
Название песни-1
![](images/lautsprecher-black.gif)
Название песни-2
![](images/lautsprecher-black.gif)
---------------------------------
Название песни-5
![](images/lautsprecher-black.gif)
Вставка на странице (в редакторе)
Аналогично предыдущему пункту, но отметить не текст, а изображение
Вставка на странице (HTML-код)
Пример для одной ссылки
HTML код: |
Название песни-1<a href="Ваш URL Mp3"><img src="Ваш URL картинки"/></a> |
Разумеется можно расширить предложенные варианты и организовать ссылки например в таблицы.