XSPF Web Music Player - Проигрывание MP3 на вашем сайте


Mark Silinio <silinio(at)mail.ru>
последнее обновление 09/03/07



Это перевод небольшой статьи о применении Flash-плеера XSPF Web Music Player на web-сайтах. Оригинал тут.


Использование плеера

Поместите файл с расширением ".swf" ("xspf_player.swf" для extended версии, "xspf_player_slim.swf" для slim версии и "musicplayer.swf" для button версии) на ваш web-сервер. Этот файл и есть собственно плеер. Для работы ему необходимо подготовить плейлист.


Создание плей-листа

Плеер использует xspf плейлист. Структура простейшего .xspf файла:

<?xml version="1.0" encoding="UTF-8"?>
<playlist version="0" xmlns = "http://xspf.org/ns/0/">
 <trackList>
  <track>
   <location>http://www.name.com/folder/song.mp3</location>
   <image>http://www.name.com/folder/picture.jpg</image>
   <annotation>Text to be displayed</annotation>
  </track>
  <track>
   <location>http://www.name.com/folder/song2.mp3</location>
   <image>http://www.name.com/folder/picture2.jpg</image>
   <annotation>Text to be displayed</annotation>
  </track>
 </trackList>
</playlist>

Файл сохраняется с расширением ".xspf". Подробная информация о XSPF формате плей-листов находится на http://www.xspf.org/

Добавление плеера в вашу web-страницу

Внесите следующий код в вашу HTML страничку(для extended версии):

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0"
width="400" height="168" >
    <param name="allowScriptAccess" value="sameDomain"/>
    <param name="movie" value="http://www.name.com/folder/xspf_player.swf"/>
    <param name="quality" value="high"/>
    <param name="bgcolor" value="#E6E6E6"/>
  <embed src="http://www.name.com/folder/xspf_player.swf?playlist_url=playlist.xspf"
  quality="high" bgcolor="#E6E6E6" name="xspf_player" allowscriptaccess="sameDomain"
  type="application/x-shockwave-flash"
  pluginspage="http://www.macromedia.com/go/getflashplayer"
  align="center" height="168" width="400"> </embed>
</object>

Тут value="http://www.name.com/folder/xspf_player.swf" указывает на файл плеера.
Заметте,- embed src="http://www.name.com/folder/xspf_player.swf?playlist_url=playlist.xspf" это размещение вашего плей-листа. В качестве playlist_url вы можете также указывать полный URL, типа http://www.name.com/folder/playlist.xspf.

Добавление плеера в sidebar web-браузера Firefox

Данная функция работает только с Firefox
Код написан на JavaScript, и должен быть размещён в тэгах <head></head> вашей страницы:

<script language="JavaScript">
<!--
function addMozillaPanel(url)
{
  if ((typeof window.sidebar == "object") && (typeof window.sidebar.addPanel == "function"))
  {
     window.sidebar.addPanel ("Hideout Music Player ",url,"");
  }
  else
  {
     var rv = window.confirm ("Music Player Sidebar requires a compatible browser. Do you want to upgrade?");
     if (rv)
     document.location.href = "http://www.getfirefox.com";
  }
}
-->
</script>

Добавив данный код, вы можете вызвать функцию плеера из любой части тела (<body>) страницы с помощью такого кода:

<a href="javascript:addMozillaPanel('http://www.name.com/xspf_player.swf?repeat_playlist=true')">Your Text here</a>



<- Назад
Valid HTML 4.01! Valid CSS!