Плейлист,
добавленный к плееру, позволяет
предоставить посетителю Вашего
сайта, возможность выбирать из
списка плейлиста любой mp3
аудиофайл, который в данном
плейлисте представлен.
Внешне
плеер для сайта с плейлистом
выглядит как обычный плеер, но рядом
с плеером или прямо в самом плеере,
добавляется окно, в котором идет
перечень доступных для прослушивания
mp3 файлов.
Посетитель сайта,
кликая курсором мышки в элементы
списка, тем самым запускает
воспроизведение того или иного аудио
mp3 трека.
Давайте
посмотрим, как, с помощью html кода
может быть реализована задача
добавления на страницу
плеера с плейлистом.
Вот первый,
достаточно простой вариант, создан
на базе плеера от
flash-mp3-player.net.
Итак, давайте
сразу начнем с практики. Сначала
создадим на диске рабочую папку,
например, вот такую - C:\playlist.
В эту папку
скопируем три mp3 аудио записи и
сюда же добавим html файл, например
с именем index.html:
Добавим в файл
index.html следующий код:
<!DOCTYPE
HTML PUBLIC "-//W3C//DTD HTML
4.0 Transitional//EN">
Браузеру
объявляется, что необходимо
отобразить внешний flash объект,
тип объекта указан параметром type.
Сам объект
расположен по адресу data="player_mp3.swf",
размеры объекта – ширина 200
пикселей, высота 100 пикселей.
Вот с такими
основными параметрами открывается
тег object.
Теперь давайте
рассмотрим, какие дополнительные
параметры, передаются браузеру
данным кодом. Мы знаем, что
дополнительные параметры браузеру
передаются с помощью тегов
param.
Если мы откроем html справочник, то прочитаем, что тег<PARAMhttp://mymusicarchiv.ucoz.ru/_ld/1/140_Sak_Noel-Paso-T.mp3араметров Java-апплетам или
объектам веб-страницы, созданным
с помощью тегов <APPLET> или <OBJECT>.
– это
Flash mp3 плеер с открытым исходным кодом,
который выпущен под открытым кодом лицензии
MIT. Создавался изначально как плагин для
Wordpress, но разработчик также создал
автономную версию, которая может быть
использована для любого веб-сайта. Wordpress
пользователи получают в свое пользование
множество вариантов настройки под свои блоги.
JW FLV Player – очень популярный
медиа проигрыватель. Поддержка широкого
диапазона форматов с которыми работает Flash (FLV,
MP4, MP3, AAC, JPG, PNG и GIF). При этом JW FLV
Player также поддерживает живое воспроизведение,
RTMP, HTTP, различные форматы плейлистов ,
широкий спектр настроек и обширный JavaScript
API.
Flash MP3 Player — Простое
бесплатное приложение, позволяющее проигрывать
музыку на веб-сайте. Включает в себя
настраиваемый дизайн, простую установку,
автоматическую генерацию плейлиста и другие
полезные функции
Flowplayer — видео проигрыватель с
открытым исходным кодом (GPL 3). Его стоит
использовать для воспроизведения видео на сайте.
Flash Video Player плагин для WordPress
прекрасно подходит для публикации видео в блоге
на WordPress. Он поддерживает водяные знаки,
пользовательские темы и имеет интерактивные
элементы управления.
WP Adudio Player — плагин для
WordPress, предназначенный для воспроизведения
MP3 файлов в сообщениях. Плагин достаточно прост
в использовании и настройке. А при использовании
данного
руководства, WP Audio Player можно
использовать также на сайтах, и не основанных на
WordPress.
XSPF Web Music Player —
Flash-приложение для веб, написанное на ActionScript
2. Для восроизведения XSPF Web Music Player
использует XSPF формат плейлистов. XSPF —
открытый формат данных для плейлистов,
основанный на XML.
Добавление музыки на свой
сайт при помощи кода
Этот способ подойдет даже для
сайтов размещенных на народе и ucoz.ru
Для этого нужно
скопировать следующий код
и вставить
его на страницу своего сайта
Если ваш
сайт лежит на ucoz -сначала
открываете html
редактор - и уже в нем
добавляете код
Для сайтов на народе просто целиком вставляете
этот
код в тело страницы
Ниже я приведу коды mp3
сборников моих любимых исполнителей
а так
же примеры того как они будут выглядеть на вашем
сайте
1. Сборник песен
Народный Хит парад содержит 4 раздела
Если вы хотите воспроизводить музыку, еще не размещенную в
интернете, то независимо от предлагаемого ниже варианта
выполните следующий шаг.
а. Загрузить свой легальный
материал можно на сервера, предлагающий хостинг музыки
Например здесь:
-
http://minorcrisis.net
-
http://uploadhut.com
-
http://www.myfilestash.com
-
http://www.fileden.com
Другие сервера можно найти, задав "upload music" в поисковиках
(например Google).
Важно, чтобы сервер поддерживал проигрывание музыки в реальном
времени, например в формате mp3, а не просто предлагал ее
сгрузить. b. Сохранить URL-адрес
После загрузки на сервер вы получите URL-адрес, используемый в
дальнейшем.
Временно сохраните его, например, в каком-нибудь текстовом
файле. Примечания:
- Некоторые сайты с генераторами (см. ниже) одновременно
предлагают mp3 хостинг, поэтому этот шаг можно сделать и там.
- Если вы хотите воспроизводить музыку, уже размещенную в
интернете и знаете URL-адрес, то загружать естественно не надо.
I.
Расширение "Фоновая музыка"
Проигрывание включается автоматически при открытии сайта. При
смене страниц воспроизведение начинается сначала .
В конструкторе активируйте расширение "Фоновая музыка" и
вставьте URL-адрес музыки в соответствующее поле.
Обучающий ролик на эту тему можно посмотреть здесь
http://www.homepagehilfe.de.tl/Hintergrundmusik.htm
II Фоновая
музыка только на одной странице
Воспроизведение начинается автоматически при входе на одну из
страниц и не проигрывается на остальных.
Для этого используйте следующий код. Внимание: вставлять не в
поле URL, а в код страницы!
Цитата:
<script language="javascript">
var ver = navigator.appName;
if (ver == "Microsoft Internet Explorer") {
document.write('<bgsound src="http://www.mp3-gema-frei.de/MP3/MLO-0001.mp3"
loop=infinite>');
}else{
document.write('<EMBED src="http://www.mp3-gema-frei.de/MP3/MLO-0001.mp3"
width="1" height="1" hidden="true"
loop="true" autostart="true"></EMBED>');
}
</script>
Вставка кода:
- войти в систему
- перейти в раздел "редактировать страницы"
- выбрать страницу, на которой должна играть музыка
- нажать кнопку Source
- страница показывается в HTML-режиме
- вставить код
- заменить URL-адреса на свои
- сохранить, готово.
III Фоновая
музыка продолжается при смене страниц (Popup плейер)
При воспроизведении музыки с помощью расширения фоновая музыка,
она начинается сначала при каждой смене страниц.
Если музыка должна продолжаться, можно воспроизводить ее в
отдельном окне например с помощью Popup плейера:
- идем на
http://www.bändländ.de/Music_Code_Generator.htm
- выбираем Popup генератор
- задаем URL-адрес МР3 в поле "complete path to your musicfile"
- если адресов несколько, разделяем их запятой
- задаем настройки
- выбираем дизайн
- генерируем код "generate code" и вставляем например на главную
страницу
- после нажатия на play открывается новое окно и музыка
продолжается при смене страниц
Примеры дизайнов:
IV Простой
каталог mp3 (прямая ссылка)
В зависимости от настроек посетителя при щелчке по ссылке
- открывается диалог, предлагающий сгрузить или открыть mp3 в
стандартном плейере, установленном у посетителя вашей страницы
- плейер открывает ссылку в том же или в новом окне
Вставка на странице (в
редакторе)
- зайдите в раздел "Редактировать страницы"
- выберите страницу, на которой вы хотите создать каталог
- в редакторе напишите название ссылки (название композиции)
- выделите слово мышью и нажмите символ для вставки ссылки
(глобус с цепью)
- откроется окно с пустым полем URL. В него и надо внести
URL-адрес mp3
- в закладке Target можно установить, где должна открываться
ссылка (в том же окне, в новом и т.д.) Вставка на странице (HTML-код)
Пример для одной ссылки
V Простой
каталог mp3 (прямая ссылка с изображений)
Это модификация предыдущего варианта, в котором ссылка
производится не с текста, а с изображения
Пример : Тест 1 Тест 2
... Тест 10
Вставка на странице (в
редакторе)
- аналогично предыдущему пункту, но отметить мышью не текст, а
изображение Вставка на странице (HTML-код)
Пример для одной ссылки
Цитата:
Тест 1 <a href="http://www.mp3-gema-frei.de/MP3/MLO-0001.mp3"><img
src="http://80.190.202.79/pic/t/test-ru1/lautsprecher-black.gif"/></a>
Разумеется можно расширить предложенные варианты и организовать
ссылки например в таблицы.
VII Код с
медиа плейерером
- здесь используется как html-код плейера так и URL-адрес музыки
- плейер может быть видимым (кнопки Play/Pause/Stop)
- плейер играет только на странице, на которой он установлен
- при входе на страницу воспроизведение начинается сначала
Генераторы создают код для вставки на странице.
Все что вам нужно знать это URL-адрес музыки.
Зайдите на одну из следующих страниц и выберите дизайн. На
некоторые сайты можно сразу же загрузить ваши mp3.
- зайдите на
www.mysplayer.com -> Player
- Выберите дизайн -> Кнопка ОК
- добавьте URL-адреса МР3
- На следующей странице устанавливаем свойства (например
автостарт)
- задать адрес вашей страницы
- следующая страница выдает готовый код
Примеры дизайнов:
X
Flash-Player от Badongo.com:
- зайти на
www.badongo.com
- зарегистрироваться (довольно быстро)
- войти в систему
- вверху зайти в "Upload"
- загрузить ваши легальные файлы
- после этого вверху справа на "Widgets"
- затем на "Badongo Musikplayer"
- выбрать мр3 для Playlist
- выбрать дизайн для плейера
- получаем сгенерированный код для вставки на страницу
Пример дизайна: Обратите внимание:
вы можете использовать этот плейер только если музыка загружена
на этой странице!!!
Кроме того загруженную музыку можно использовать только с этим
плейером.
Скопируйте код в буфер памяти, откройте блокнот (notepad) и
вставьте в него код.
Весь красный текст относится к первой композиции. Зеленый -
вторая.
Чтобы добавить следующие композиции скопируйте красный текст и
вставьте его между последним </entry> и </asx>
Выделенный код должен быть скопирован полностью, иначе не
заработает.
После создания Playlist сохраните его как .asx в ANSI формате.
Проверьте работу в локальном режиме, открыв файл в медиа
плейере.
Если все нормально, загрузите ваш Playlist на сервер,
предлагающий хостинг .asx документов и сохраните полученный
URL-адрес.
Привязка Playlist
Вставьте следующий код на страницу, заменив URL-адрес Playlist
(выделено красным) на ваш
Мастера анимации