Шоуноты
PRO Шоуноты – это разметка содержания для всех режимов плеера. Модуль позволяет встроить в плеер второй таймлайн с навигацией по содержанию записи с возможностью быстрого (если включен стриминг) перехода по меткам. Это может пригодиться для подкастов, скринкастов, методических материалов и т.д., где есть внутреннее разделение на темы.При наведении курсора на отрезок таймлайна всплывает подсказка, при нажатии происходит переход на начало отрезка. Также используется всплывающий информер, где можно использовать расширенное описание, ссылки и картинки.
Информер и кнопку его вызова можно опционально отключить в настройках модуля.
Для создания шоунтов необходимо выполнить следующее:
- Создать XML-файл шоунотов вручную, либо в приложении Шоунотер и разместить его на сервере.
- Указать ссылку на файл шоунотов в опциях добавленного медиа файла в конструкторе.
- В редакторе стилей включить и настроить модуль (Модули > Контекст > Шоуноты).
- В приложении Шоунотер можно подсмотреть довольно простой синтаксис XML, а также быстро создать шоуноты через интерфейс. Каждой метке можно указать заголовок и/или описание, цвет, картинку или ссылку по желанию.
<?xml version="1.0" encoding="utf-8"?>
<uppod>
<title><![CDATA[название]]></title>
<desc><![CDATA[описание]]></desc>
<duration>длительность_файла_в_секундах</duration>
<image>картинка</image>
<link>ссылка_на_подробности</link>
<i>
<title><![CDATA[название_фрагмента1]]></title>
<desc time="время_начала_фрагмента1_в_секундах"><![CDATA[описание_фрагмента1]]></desc>
<image>картинка_фрагмента1</image>
<color>цвет_фрагмента1_на_таймлайна_например_красный_ff0000</color>
<link>ссылка_на_подробности</link>
</i>
<i>
<title><![CDATA[название_фрагмента2]]></title>
<desc time="время_начала_фрагмента2_в_секундах"><![CDATA[описание_фрагмента2]]></desc>
<image>картинка_фрагмента2</image>
<color>цвет_фрагмента2_на_таймлайна_например_синий_0000ff</color>
<link>ссылка_на_подробности</link>
</i>
</uppod>
Все поля, кроме времени являются опциональными. В названии и описании можно использовать простое HTML-форматирование.
<uppod>
<title><![CDATA[название]]></title>
<desc><![CDATA[описание]]></desc>
<duration>длительность_файла_в_секундах</duration>
<image>картинка</image>
<link>ссылка_на_подробности</link>
<i>
<title><![CDATA[название_фрагмента1]]></title>
<desc time="время_начала_фрагмента1_в_секундах"><![CDATA[описание_фрагмента1]]></desc>
<image>картинка_фрагмента1</image>
<color>цвет_фрагмента1_на_таймлайна_например_красный_ff0000</color>
<link>ссылка_на_подробности</link>
</i>
<i>
<title><![CDATA[название_фрагмента2]]></title>
<desc time="время_начала_фрагмента2_в_секундах"><![CDATA[описание_фрагмента2]]></desc>
<image>картинка_фрагмента2</image>
<color>цвет_фрагмента2_на_таймлайна_например_синий_0000ff</color>
<link>ссылка_на_подробности</link>
</i>
</uppod>
← Cодержание
Если остались вопросы, можно спросить на форуме