Шоуноты
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одержание 
Если остались вопросы, можно спросить на форуме
Если остались вопросы, можно спросить на форуме