Podstawowy framework do prezentacji przy użyciu HTML5 + javascript

Czy znasz framework do tworzenia prezentacji przy użyciu technologii HTML5 i javascript?
Nie mówię o" eksporcie " funkcji różnych programów prezentacyjnych (PowerPoint czy OOO presentation).

Niektóre wymagania dotyczące prezentacji wykonanych za pomocą tego "frameworka":

  • skorzystaj z najnowszych funkcji HTML5 (audio, wideo, canvas?)
  • to samo z CSS3 (obsługa czcionek, gradient, cienie, przejścia i przekształcenia)

Jeśli nie ma czegoś takiego, przykład dobrych prezentacji lub wskazówki na ten temat byłyby mile widziane.

Edit: znalazłem fajny przykład, HTML5-tworzenie stron internetowych na następny poziom.

Author: Ozone, 2010-03-28
Source

5 answers

Landslide jest całkiem zgrabną aplikacją, która generuje pokazy slajdów:

  • korzystanie z szablonu prezentacji html5
  • zrestrukturyzowany tekst, składnia Markdown

Pokład.js to kolejny fajny projekt, tym razem slajdy to czysty HTML / CSS / JS.

Jeszcze lepiej, zaimponuj.js opiera się na transformacjach i przejściach CSS3.

 63
Author: Brian Clozel,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2012-01-03 10:31:02

Jako narzędzia prezentacji używam Reveal.js, to bardzo czyste i nowoczesne narzędzie do prezentacji.

Jest wykonany w 100% z HTML5 / CSS3 / JS, funkcje, które najbardziej lubię to:

  • 3D jak CSS3 przejścia między slajdami
  • można tworzyć slajdy zagnieżdżone-slajdy pionowe na poziome
  • Wsparcie font-face
  • tworzysz wewnętrzne połączenia między slajdami
  • kod jest ładny, dzięki highlight.js
  • przegląd i tryb dwóch ekranów z Esc I " s "

Wiem, że tak naprawdę tego nie chcesz, ale możesz eksportować do PDF i widelec na github :)

 8
Author: Xavier,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2013-05-23 14:55:20

Jeśli chcesz uzyskać wsparcie websocket i możliwość sterowania deckiem.prezentacje js za pomocą aplikacji mobilnej Sencha 2.0 HTML5 możesz wypróbować Robodeck.

 2
Author: jdcravens,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2012-05-28 15:30:10

Ta biblioteka służy do tworzenia prezentacji, opowiadań i reklam.

BoardJS

 1
Author: Porizm,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2013-02-06 20:05:52

Poza odpowiedziami, możesz być również zainteresowany kontrolerem nodejs, aby zsynchronizować ze sobą wiele zdalnych przeglądarek.

Controldesk.js

 0
Author: Neil,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2013-05-23 14:46:25