Grundgerüst für Präsentationen mit HTML5 + Javascript

100

Kennen Sie ein Framework für Präsentationen, die nur HTML5- und Javascript-Technologien verwenden?
Ich spreche nicht von "Export" -Funktionen verschiedener Präsentationssoftware (Powerpoint- oder OOo-Präsentation).

Einige Anforderungen für die Präsentationen mit diesem "Framework":

  • Nutzen Sie die neuesten HTML5-Funktionen (Audio, Video, Leinwand?)
  • Gleiches gilt für CSS3 (Schriftunterstützung, Farbverlauf, Schatten, Übergänge und Transformationen).

Wenn es so etwas nicht gibt, wäre ein Beispiel für gute Präsentationen oder Hinweise zu diesem Thema willkommen.

Bearbeiten: Ein schönes Beispiel gefunden, HTML5 - Webentwicklung auf die nächste Stufe .

javascript html presentation Brian Clozel
quelle
2
deck.js auch auf GitHub: imakewebthings.github.com/deck.js
Tammo B.
13
38+ Upvotes, 26 Lesezeichen, aber geschlossen? In Gefahr einer Vergeltung durch den Moderator muss ich sagen, dass hier etwas mit der Moderation nicht stimmt. Ich habe ein Dutzend interessanter Fragen gesehen, die ohne triftigen Grund geschlossen wurden.
Ben Lesh
4
Es scheint eher so, als würde dies auf ein Problem mit der Moderation auf der Website hinweisen, da der Kontakt zum Publikum der Website nicht besteht. Ehrlich gesagt ist es auch ein Zeichen dafür, dass stackoverflow.com "den Hai gesprungen" hat.
Ben Lesh
3
@blesh Du bekommst eine ziemlich gute Beschreibung im nahen Grund unten. Beachten Sie, dass diese engen Gründe seit Beginn der Website bestehen und in der FAQ klar kodifiziert ist, dass diese Art von Fragen nicht zulässig ist. Daher sollte es keine Überraschung sein. Mit dem Verkehrsaufkommen, das SO bekommt, gibt es Unmengen solcher Fragen, die unter das Radar geraten, aber das rechtfertigt ihre Existenz nicht. Sie können es auf Meta ansprechen, wenn Sie möchten, aber ich glaube nicht, dass die Leute mit dem nahen Grund nicht einverstanden sind .
CasperOne
3
@IvoFlipse: Die Frage ist nicht, ob die Antworten "Qualitäts" -Antworten nach einer vagen und völlig subjektiven Metrik sind, sondern ob sie für Menschen nützlich sind . Nach den Stimmen zu urteilen, sind die Frage und die Antwort für viele Menschen äußerst nützlich.
static_rtti

Antworten:

65

Erdrutsch ist eine ziemlich nette Anwendung, die Diashows generiert:

Deck.js ist ein weiteres schönes Projekt; Diesmal sind Folien reines HTML / CSS / JS.

Noch besser ist, dass beeindruck.js auf CSS3-Transformationen und -Übergängen basiert .

Brian Clozel
quelle
Ich habe die Erdrutschdateien heruntergeladen, aber da ich der Neuling bin, bin ich völlig verwirrt, wie ich sie verwenden soll. Die Anweisungen zum Lesen klingen für mich mit allen Befehlszeilenanweisungen griechisch. Alle Hinweise, um loszulegen, wäre dankbar. Danke
Sbhambry
1
@Saurabh: Angenommen, Sie haben aus dem Git-Repository geklont, ausgeführt python setup.py buildund dann python setup.py installmit Root-Rechten. Sie haben jetzt den landslideBefehl zur Verfügung, führen Sie ihn unter dem samples/Verzeichnis aus.
Ryan Li
@ Ryan danke für die Antwort. Würde es so schnell wie möglich versuchen. Vielen Dank!
Sbhambry
Sie können strut.io als GUI zum Erstellen von Impress.js- und Bespoke.js-Präsentationen verwenden.
Matt Crinklaw-Vogt
8

Als Präsentationstool verwende ich Reveal.js , es ist ein sehr sauberes und modernes Präsentationstool.

Es wurde zu 100% mit HTML5 / CSS3 / JS erstellt. Die Funktionen, die mir am besten gefallen, sind:

  • 3D-ähnliche CSS3-Übergänge zwischen Folien
  • Sie können verschachtelte Folien erstellen - vertikale Folien in horizontale
  • Unterstützt Schriftarten
  • Sie stellen interne Links zwischen Folien her
  • Der Code ist dank Highlight.js hübsch
  • Übersicht & Zwei-Bildschirme-Modus mit Escund `s``

Ich weiß, dass du es nicht wirklich willst, aber du kannst es als PDF exportieren und auf Github teilen :)

Xavier
quelle
2

Wenn Sie Websocket-Unterstützung und die Möglichkeit erhalten möchten, Deck.js Präsentationen über eine mobile Sencha 2.0 HTML5-Anwendung zu steuern, können Sie Robodeck ausprobieren .

jdcravens
quelle
1

Diese Bibliothek dient zum Erstellen von Präsentationen, Geschichten und Anzeigen.

BoardJS

Porizm
quelle
0

Neben den Antworten könnten Sie auch an einem NodeJS-Controller interessiert sein, um mehrere Remote-Viewer miteinander synchron zu halten.

controldesk.js

Neil
quelle