Пример интеграции флеш плеера в MODx CMS


В хранилище modxcms.com есть готовый сниппет для проигрывания аудио на базе mPlayer
  , подобный тому что используется в WordPress.

Бесплатных flash mp3 проигрывателей в сети достаточно много , я решил сделать пример на базе вот этого: http://flash-mp3-player.net/ - просто и со вкусом.

Приступим
Для этого примера необходим установленный плагин PHx

1) Создаём TV audiofile - тип file , привязываем его к шаблону страниц которые будут содержать информацию о каждом произведении .

2) Создаём чанк {{audio}}

  1.  
  2. [*audiofile:ifnotempty=`
  3. <object type="application/x-shockwave-flash" data="player_mp3.swf" width="200" height="20">
  4. <param name="movie" value="player_mp3.swf" />
  5. <param name="FlashVars" value="mp3=/assets[*audiofile*]" />
  6. </object>
  7. `*]
  8.  

4) Вставляем чанк {{audio}} в шаблон страницы или в произвольном месте контента.


5) Размещаем mp3 файлы на сервере , выбираем в TV audiofile нужный. И чуть не забыл самое главное: файлик player_mp3.swf   необходимо поместить в корень сайта.


Получаем:

Это один из самых простых примеров, который можно развить во что-то более интересное
 ( например генерируемые на лету плейлисты , скины, отображение тегов из mp3 и пр. )

Конечно , для архива на десятки тысяч композиций это не очень удачное решение , но сделать рабочий
сайт с несколькими сотнями mp3 на базе этого примера вполне реально, с поиском, каталогом, сортировкой, условным доступом и т.д.


 

Последнее изменение документа: 17 Ноябрь 2009
Дмитрий
Posts: 3
Comment
Список воспроизведения
Reply #3 on : Срд Июнь 30, 2010, 18:01:40
Скачать и поставить:
http://zinich.com/player_with_playlist.zip
Содержимое чанка list:
<track>
<location></location>
<creator></creator>
<title></title>
</track>
Страница XML:
<?xml version="1.0" encoding="UTF-8"?>
<playlist version="1" >
<trackList>

</trackList>
</playlist>
На любую страницу, где нужен плеер со списком:
<object id="dewplayer" width="240" height="200" data="dewplayer-playlist.swf" type="application/x-shockwave-flash">
<param name="data" value="dewplayer-playlist.swf" />
<param name="name" value="dewplayer" />
<param name="wmode" value="transparent" />
<param name="flashvars" value="showtime=true&autoreplay=true&xml=" />
<param name="src" value="dewplayer-playlist.swf" />
</object>
Leo
Posts: 3
Comment
проблема решена
Reply #2 on : Втр Май 04, 2010, 16:58:06
трабл был с относительным путем на сервере /assets
Leo
Posts: 3
Comment
НЕ работает!
Reply #1 on : Втр Май 04, 2010, 16:38:50
плейер на странице появился, но файл не проигрываться. мп3 лежит в папке /assets/files
В чем проблема?

Write a comment

  • Required fields are marked with *.

If you have trouble reading the code, click on the code itself to generate a new random code.