Работа с протоколом UFS - История изменений

Mad grant в 11:11, 5 июня 2013

2013-06-05T11:11:56Z

XiBOR в 10:25, 31 мая 2012

2012-05-31T10:25:21Z

XiBOR в 10:24, 31 мая 2012

2012-05-31T10:24:01Z

XiBOR в 10:21, 31 мая 2012

2012-05-31T10:21:16Z

XiBOR: Новая страница: «Рассмотрим работу с протоколом UFS на примере реализации музыкального плеера на сайт с исп…»

2012-05-31T10:17:27Z

Новая страница: «Рассмотрим работу с протоколом UFS на примере реализации музыкального плеера на сайт с исп…»

Новая страница

Рассмотрим работу с протоколом UFS на примере реализации музыкального плеера на сайт с использованием xslt (Интернет Магазин).

Для начала скачаем плеер способный работать с данными в формате xml

Ссылка на оригинал [http://www.premiumbeat.com/flash_music_players/original/multiple_menu] или [[Файл:OriginalMultipleMenu.zip‎]]

Из архива нам необходим сам плеер (OriginalMusicPlayerPlaylist.swf). Положим его в корень сайта.

Далее откроем основной файл шаблона, по умолчанию xsltTpls/layouts/default.xsl и в нужном нам месте разместим код плеера.

<source lang="javascript">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
<div id="player-holder"></div>

<script type="text/javascript">
var options = {};
options.playlistXmlPath = "/playlist/";

var params = {};
params.allowScriptAccess = "always";

swfobject.embedSWF("/OriginalMusicPlayerPlaylist.swf", "player-holder", "180", "150", "1.0.0",false, options, params, {});
</script>
</source>

Плеер успешно установлен на сайт, но ещё необходимо сделать для него плейлист в формате xml.
Для того чтобы не составлять его в ручную каждый раз при обновлении музыкальных файлов воспользуемся протоколом ufs.

В настройках модуля структура допишем новый шаблон. Указываете желаемое имя, и путь. Например layouts/playlist.xsl
В структуре создадим страничку playlist и назначим для неё этот шаблон.

Теперь можно приступить к его созданию:
Соответственно в папке xsltTpls/layouts/ создаем файл playlist.xsl
В нём получим содержимое некоей папки которая будет в себе содержать музыку, и преобразуем эти данные в подходящие для нашего плеера.
В скачанном архиве вы можете увидеть пример плейлиста, выглядит он следующим образом:
<source lang="xml">
<playlist>
<item>
<title>Test Track 1</title>
<artist>Artist Name</artist>
<path>song.mp3</path>
</item>
</playlist>
</source>

Преобразуем данные получаемые по протоколу:
<source lang="xml">
<?xml version="1.0" encoding="utf-8"?>

<!DOCTYPE xsl:stylesheet SYSTEM "ulang://i18n/constants.dtd:file">
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xml:umi="http://www.umi-cms.ru/TR/umi">

<xsl:template match="result[@module= 'content']">
<playlist>
<xsl:apply-templates select="document('ufs://music')/udata/file" />

</playlist>
</xsl:template>

<xsl:template match="/udata/file">
<xsl:if test="@ext='mp3'"> 
<item>
<title><xsl:value-of select="translate(./@name, '_.mp3', ' ')"/></title> 

<path>/music/<xsl:value-of select="@name" /></path> 
</item>
</xsl:if>
</xsl:template>

</xsl:stylesheet>
</source>

Теперь при запросе http://domain.ru/playlist/.xml
Мы будем видеть xml ответ который подходит для нашего плеера.
Осталось только положить несколько файлов с музыкой в соответствующую папку.

@@ Строка 1: / Строка 1: @@
 Рассмотрим работу с протоколом UFS на примере реализации музыкального плеера на сайт с использованием xslt (Интернет Магазин).
@@ Строка 76: / Строка 78: @@
 Осталось только положить несколько файлов с музыкой в соответствующую папку.
-[[Категория:Вопросы_и_уроки_разработки_сайтов_на_UMI.CMS]]
+[[Категория:Вопросы_и_уроки_разработки_сайтов_на_UMI.CMS]][[Категория: Верстка в XSLT]]

← Предыдущая		Версия 10:25, 31 мая 2012
Строка 76:		Строка 76:

	Осталось только положить несколько файлов с музыкой в соответствующую папку.		Осталось только положить несколько файлов с музыкой в соответствующую папку.
−	[[Категория:Вопросы_и_уроки_разработки_сайтов_на_UMI.CMS~~:Файловая_система~~]]	+	[[Категория:Вопросы_и_уроки_разработки_сайтов_на_UMI.CMS]]

← Предыдущая		Версия 10:21, 31 мая 2012
Строка 74:		Строка 74:
	Мы будем видеть xml ответ который подходит для нашего плеера.		Мы будем видеть xml ответ который подходит для нашего плеера.
	Осталось только положить несколько файлов с музыкой в соответствующую папку.		Осталось только положить несколько файлов с музыкой в соответствующую папку.
		+	[[Вопросы и уроки разработки сайтов на UMI.CMS]]

@@ Строка 72: / Строка 72: @@
 Теперь при запросе http://domain.ru/playlist/.xml
 Мы будем видеть xml ответ который подходит для нашего плеера.
 Осталось только положить несколько файлов с музыкой в соответствующую папку.
-[[Вопросы и уроки разработки сайтов на UMI.CMS]]
+[[Категория:Вопросы_и_уроки_разработки_сайтов_на_UMI.CMS:Файловая_система]]