Базовая структура для презентаций с использованием HTML5 + javascript

Знаете ли вы рамки для создания презентаций с использованием только технологий HTML5 и javascript?
Я не говорю о "экспортных" функциях различных презентационных программ (презентация PowerPoint или OOo).

Некоторые требования к представлениям, сделанным с помощью этой "рамки":

  • воспользоваться последними функциями HTML5 (аудио, видео, холст?).
  • то же самое с CSS3 (поддержка шрифтов, градиент, тени, переходы и преобразования)

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

Изменить: нашел хороший пример HTML5 - веб-разработка на следующий уровень.

Ответ 1

Landslide - довольно аккуратное приложение, которое генерирует слайд-шоу:

Deck.js - еще один приятный проект; на этот раз слайды - это чистый HTML/CSS/JS.

Еще лучше, impress.js опирается на преобразования и переходы CSS3.

Ответ 2

В качестве инструмента презентации я использую Reveal.js, это очень чистый и современный инструмент презентации.

Он сделал 100% с HTML5/CSS3/JS, функции, которые мне больше всего нравятся:

  • 3D, как переходы CSS3 между слайдами
  • Вы можете создавать вложенные слайды - вертикальные слайды в горизонтальные.
  • Поддержка шрифта
  • вы делаете внутренние ссылки между слайдами
  • Код довольно, благодаря highlight.js
  • Обзор и два режима экрана с Esc и `s``

Я знаю, что вы действительно этого не хотите, но можете экспортировать в PDF, а также развить его на github:)

Ответ 3

Если вы хотите получить поддержку websocket и возможность управлять презентациями Deck.js через мобильное приложение Sencha 2.0 HTML5, вы можете попробовать Robodeck.

Ответ 4

Эта библиотека предназначена для создания презентаций, рассказов и рекламы.

BoardJS

Ответ 5

Как и в ответах, вы также можете быть заинтересованы в контроллере nodejs, чтобы синхронизировать несколько удаленных зрителей друг с другом.

controldesk.js