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

Question

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

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

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

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

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

Answer 1

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

• с использованием шаблона презентации html5
• Переструктурированный текст, синтаксис Markdown

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

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

Answer 2

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

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

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

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

Answer 3

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

Answer 4

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

BoardJS

Answer 5

Помимо ответов, вам также может быть интересен контроллер nodejs для синхронизации нескольких удаленных программ просмотра.

controldesk.js