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 .


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.


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 :)


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 .



0

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

controldesk.js

Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.