Podstawowy framework do prezentacji wykorzystujących HTML5 + javascript

100

Czy znasz platformę do tworzenia prezentacji przy użyciu wyłącznie technologii HTML5 i JavaScript?
Nie mówię o możliwościach „eksportu” różnych programów do prezentacji (prezentacji PowerPoint czy OOo).

Niektóre wymagania dotyczące prezentacji wykonanych w tej „strukturze”:

  • skorzystaj z najnowszych funkcji HTML5 (audio, wideo, płótno?)
  • to samo z CSS3 (obsługa czcionek, gradienty, cienie, przejścia i transformacje)

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

Edycja: Znalazłem fajny przykład, HTML5 - tworzenie stron internetowych na wyższy poziom .

javascript html presentation Brian Clozel
źródło
2
deck.js również na GitHub: imakewebthings.github.com/deck.js
Tammo B.
13
Ponad 38 głosów poparcia, 26 zakładek, ale zamknięte? Ryzykując odwet moderatora, muszę powiedzieć, że coś jest nie tak z moderacją. Widziałem kilkanaście interesujących pytań zamkniętych bez ważnego powodu.
Ben Lesh
4
Wygląda raczej na to, że wskazuje to na problem z moderacją w witrynie, brak kontaktu z odbiorcami witryny. Szczerze mówiąc, jest to również znak, że stackoverflow.com mógł „przeskoczyć rekina”.
Ben Lesh,
3
@blesh Otrzymujesz całkiem niezły opis poniżej. Zwróć uwagę, że te bliskie powody istniały od samego początku strony i jest jasno skodyfikowane w FAQ, że tego typu pytania są niedozwolone, więc nie powinno to być zaskoczeniem. Przy natężeniu ruchu SO, jest mnóstwo tego rodzaju pytań, które wymykają się spod radaru, ale to nie usprawiedliwia ich istnienia. Możesz to poruszyć w meta, jeśli chcesz, ale nie sądzę, żeby ludzie nie zgodzili się z bliskim powodem.
casperOne
3
@IvoFlipse: nie chodzi o to, czy odpowiedzi są odpowiedziami „jakościowymi” według jakiejś niejasnej i całkowicie subiektywnej metryki, ale czy są przydatne dla ludzi. Sądząc po głosach, pytanie i odpowiedź są niezwykle przydatne dla wielu ludzi.
static_rtti

Odpowiedzi:

65

Landslide to całkiem zgrabna aplikacja, która generuje pokazy slajdów:

Deck.js to kolejny fajny projekt; tym razem slajdy to czysty HTML / CSS / JS.

Co więcej, impress.js opiera się na transformacjach i przejściach CSS3.

Brian Clozel
źródło
Pobrałem pliki Landslide, ale ponieważ jestem noobem, jestem całkowicie zdezorientowany, jak z niego korzystać. Instrukcje read me brzmią dla mnie grecko wraz ze wszystkimi instrukcjami wiersza poleceń. Wszelkie wskazówki na początek będą mile widziane. Dzięki
Sbhambry
1
@Saurabh: zakładając, że sklonowałeś z repozytorium git, uruchom python setup.py build, a następnie python setup.py installz uprawnieniami roota. Teraz landslidepolecenie będzie dostępne, uruchom je w samples/katalogu.
Ryan Li
@Ryan dzięki za odpowiedź. Dałbym mu szansę jak najszybciej. Dzięki!
Sbhambry,
Możesz użyć strut.io jako GUI do tworzenia prezentacji Impress.js i Bespoke.js.
Matt Crinklaw-Vogt
8

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

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

  • Przejścia 3D jak CSS3 między slajdami
  • Możesz tworzyć slajdy zagnieżdżone - pionowe w poziome
  • Wsparcie font-face
  • tworzysz wewnętrzne linki między slajdami
  • Kod jest ładny, dzięki highlight.js
  • Tryb przeglądu i dwóch ekranów z Esci `` s ''

Wiem, że tak naprawdę tego nie chcesz, ale możesz wyeksportować do pliku PDF i podzielić go na github :)

Xavier
źródło
2

Jeśli chcesz uzyskać wsparcie dla websocket i możliwość kontrolowania prezentacji Deck.js za pomocą aplikacji mobilnej Sencha 2.0 HTML5, możesz wypróbować Robodeck .

jdcravens
źródło
1

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

BoardJS

Porizm
źródło
0

Oprócz odpowiedzi możesz być również zainteresowany kontrolerem nodejs, który synchronizuje ze sobą wiele zdalnych przeglądarek.

controldesk.js

Neil
źródło