Это именно та статья, которая вам нужна?

Эта статья о Digital Publishing Suite. Статью о AEM Mobile см. в разделе Создание статей HTML.

Можно импортировать статьи на основе HTML в фолио, которое будет отображено в приложении Viewer в качестве статьи. Преимущество статей HTML — значительно меньший размер файла, который лучше подходит для еженедельных публикаций и простых текстовых статей. Статьи HTML также могут включать интерактивные элементы, которые недоступны в палитре Folio Overlays.

Видеоруководство

Видеоруководство
<a href="http://tv.adobe.com/watch/learn-digital-publishing-suite/loading-html-articles/">Загрузка статей HTML</a>
Колин Флеминг (Colin Fleming)

Дополнительную информации о создании HTML для DPS с помощью Adobe Edge см. в статье Рэгу Триковила Enhance your DPS Folios with HTML animations using Adobe Edge (Дополнение фолио DPS анимацией HTML с помощью Adobe Edge), доступной только на английском.

  1. Создайте папку, содержащую файлы HTML.

    Убедитесь, что добавлены только ресурсы, используемые в папке. Данная функция отправляет все ресурсы в папке, даже если они не используются.

  2. Если вы импортируете статью HTML в папку статьи с одной ориентацией, добавьте к файлу html суффикс _h или _v, например index_h.html.

    Если суффикс не был добавлен, то, возможно, статья была импортирована как статья с двойной ориентацией. Если вы попытаетесь просмотреть или опубликовать фолио с одной ориентацией, отобразится сообщение об ошибке.

  3. В палитре Folio Builder откройте фолио, в которое будет добавлена статья HTML.

  4. В представлении «Статьи» палитры Folio Builder выберите в меню палитры команду «Импорт статьи».

  5. Выберите «Импорт одной статьи», нажмите значок папки рядом с полем «Местоположение» и укажите папку с файлами HTML.

    Можно также импортировать статьи HTML через пункт «Импорт нескольких статей» (см. Структурирование папок для импорта статей) или пункт «Импорт с использованием sidecar.xml» (см. Импорт статей с помощью файла sidecar.xml, содержащего пути к файлам).

  6. Задайте дополнительные параметры, такие как «Плавная прокрутка», и щелкните «ОК».

При внесении изменений в файлы HTML выберите статью HTML в палитре Folio Builder, затем выберите «Обновить».

Требования к статьям HTML

  • Можно создать один файл HTML для горизонтальной и вертикальной ориентации или два отдельных файла HTML. Чтобы использовать разные файлы HTML для горизонтальной и вертикальной ориентации, добавьте суффиксы _v и _h в конце имен файлов HTML, например: «index_h.html». При создании фолио для одной ориентации необходимо создать только один файл HTML. Добавьте суффикс _h или _v в имя файла HTML для фолио с одной ориентацией.

  • Файлы динамического HTML (DHTML) в настоящее время не полностью поддерживаются.

  • Для структуры папок можно поместить связанные графические объекты и сценарии для файла HTML в отдельные папки статей. Либо можно поместить связанные графические объекты и сценарии всего фолио в файл HTMLResources.zip. Вы можете импортировать файл HTMLResources.zip в фолио из палитры Folio Builder или Folio Producer в сети. См. Импорт папки HTMLResources.


    Пример папки HTMLResources

  • Проверьте использование относительных путей в коде HTML. Для ссылки на изображение, находящееся в каталоге того же уровня, что и файл HTML, используйте следующую строку:

    <img src="GlobalImage.jpg"/>

    Для ссылки на изображение в папке HTMLResources используйте следующую строку:

    <img src="../HTMLResources/GlobalImage.jpg"/>

Подробнее о создании гиперссылок, связанных со статьями HTML, см. в разделе Создание гиперссылок navto для статей HTML.

Создание статей HTML для приложений Android Viewer

Руководство и требования к созданию статей HTML для приложений Android Viewer см. в разделе Создание статей HTML для приложений Android Viewer.

Ресурсы по HTML5

Воспроизведение видеороликов в статьях HTML в качестве полноэкранных видеоналожений

Если вы создаете статью HTML с одной ориентацией, которая содержит ссылки на видео, то при повороте устройства ориентация воспроизводящегося видео также может измениться. Кроме того, после того, как воспроизведение видео будет закончено, встроенный в приложение браузер, который воспроизводит видео, будет закрыт. Чтобы включить эту функцию, используйте префикс «videofile://» в HTML-ссылке на видео. Этот параметр доступен только для приложений для iOS.

Примечание.

Примеры поведения видеозаписей см. в разделе HTML Examples (Примеры HTML) бесплатного приложения DPS Tips (только на английском языке).

Стандартное воспроизведение видео

В данном примере видео воспроизводится во встроенном в приложение браузере; ориентация видео не изменяется в фолио для одной ориентации.<a href="Links/video.mp4">Воспроизвести видеоролик</a>

или<a href="../HTMLResources/videos/video.mp4">Воспроизвести видеоролик</a>

Расширенное воспроизведение видео

В данном примере ориентация видео надлежащим образом изменяется в фолио для одной ориентации; после окончания воспроизведения видео пользователь возвращается к статье.<a href="videfile://Links/video.mp4">Воспроизвести видеоролик</a>

или<a href="videofile://../HTMLResources/videos/video.mp4">Воспроизвести видеоролик</a>

JavaScript

Можно запустить эту функцию с помощью JavaScript, используя функцию playFullscreenVideo на объекте окна.<a onclick="window.playFullscreenVideo('Links/video.mp4');">Воспроизвести видеоролик</a>

или<a onclick="window.playFullscreenVideo('../HTMLResources/videos/video.mp4');">Воспроизвести видеоролик</a>

Воспроизведение потокового видео

В этом примере продемонстрировано воспроизведение потокового видео.<a href="videohttp://www.mysite.com/video.mp4">Воспроизвести видеоролик</a>

Эта работа лицензируется в соответствии с лицензией Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported  На посты, размещаемые в Twitter™ и Facebook, условия Creative Commons не распространяются.

Правовые уведомления   |   Политика конфиденциальности в сети Интернет