Основна основа для презентацій за допомогою HTML5 + javascript

100

Чи знаєте ви основу для проведення презентацій, використовуючи лише технології HTML5 та javascript?
Я не говорю про "експортні" функції різних програм для презентації (Powerpoint або OOo презентація).

Деякі вимоги до презентацій, зроблених у рамках цієї "рамки":

скористайтеся найновішими функціями HTML5 (аудіо, відео, полотно?)
те саме з CSS3 (підтримка шрифту, градієнт, тіні, переходи та перетворення)

Якщо такого немає, будемо вдячні ~~приклади гарних презентацій чи~~ покажчиків на цю тему.

Редагувати: Знайшов хороший приклад, HTML5 - веб-розробка на наступний рівень .

javascript html presentation

— Брайан Клозел
джерело

2

deck.js також на GitHub: imakewebthings.github.com/deck.js

— Tammo B.

13

38+ оновлень, 26 закладок, але закрито? Загрожуючи помстою модератора, я мушу сказати, що тут щось не так з помірністю. Я бачив десяток цікавих питань, закритих без поважних причин.

— Бен Леш

4

Схоже, це вказує на проблему з поміркованістю на сайті, оскільки він не контактує з аудиторією сайту. Чесно кажучи, це також знак того, що stackoverflow.com, можливо, "стрибнув акулу".

— Бен Леш

3

@blesh Ви отримаєте досить непоганий опис із наближеної причини нижче. Зауважте, що ці близькі причини існують з самого початку сайту, і у файлі чітко зафіксовано, що такі запитання не дозволені, тому це не повинно бути сюрпризом. Оскільки об'єм трафіку SO отримує, є багато таких питань, які ковзають під радарами, але це не виправдовує їх існування. Ви можете викласти це на мета, якщо хочете, але я не думаю, що люди не згодні з тісною причиною.

— casperOne

3

@IvoFlipse: питання полягає не в тому, чи є відповіді "якісними" відповідями за допомогою якоїсь невиразної і повністю суб'єктивної метрики, а в тому, чи корисні вони людям. Судячи з голосів, питання і відповідь виразно корисні багатьом людям.

— static_rtti

65

Landslide - це дуже акуратний додаток, який створює слайд-шоу:

використовуючи шаблон презентації html5
Реструктурований текст, синтаксис розмітки

Deck.js - ще один приємний проект; цього разу слайди - це чистий HTML / CSS / JS.

Навіть краще, impres.js покладається на перетворення та переходи CSS3.

— Брайан Клозел
джерело

Я завантажив файли Landslide, але будучи нооб, який я є, я дуже збентежений, як ним користуватися. Прочитані інструкції звучать мені грецько з усіма інструкціями командного рядка. Будемо вдячні за будь-які вказівки для початку роботи. Спасибі

— Sbhambry

1

@Saurabh: якщо припустити, що ви клонувались із сховища git, запустіть python setup.py build, а потім python setup.py installіз кореневими привілеями. Тепер у вас буде landslideдоступна команда, запустіть її під samples/каталогом.

— Райан Лі

@Ryan дякую за відповідь. Дав би це якнайшвидше. Дякую!

— Sbhambry

Ви можете використовувати strut.io як графічний інтерфейс для створення презентацій Impress.js та Bespoke.js.

— Метт Крінклау-Фогт

8

Як інструмент для презентації я використовую Reveal.js , це дуже чистий та сучасний інструмент презентації.

Це зроблено на 100% за допомогою HTML5 / CSS3 / JS, особливо мені подобаються такі функції:

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

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

— Ксав'є
джерело

2

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

— jdcravens
джерело

1

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

BoardJS

— Поризм
джерело

0

На додаток до відповідей, ви також можете зацікавити контролером вузлів, щоб синхронізувати один з одним кілька віддалених глядачів.

controldesk.js

— Ніл
джерело