web-dev-qa-db-fra.com

Cadre de base pour les présentations utilisant HTML5 + javascript

Connaissez-vous un cadre pour faire des présentations en utilisant uniquement les technologies HTML5 et javascript?
Je ne parle pas des fonctionnalités "d'exportation" de divers logiciels de présentation (PowerPoint ou OOo présentation).

Quelques exigences pour les présentations faites avec ce "framework":

  • profiter des dernières fonctionnalités HTML5 (audio, vidéo, canvas?)
  • idem avec CSS3 (prise en charge des polices, dégradé, ombres, transitions et transformations)

S'il n'y a pas une telle chose, exemple de bonnes présentations ou des indications sur le sujet seraient appréciées.

Edit: Trouvé un bel exemple, HTML5 - développement web au niveau suivant .

javascripthtml5presentation
99
Brian Clozel

Landslide est une application assez soignée qui génère des diaporamas:

Deck.js est un autre beau projet; cette fois, les diapositives sont purement HTML/CSS/JS.

Encore mieux, impression.js s'appuie sur les transformations et transitions CSS3.

64
Brian Clozel

En tant qu'outil de présentation que j'utilise Reveal.js , c'est un outil de présentation très propre et moderne.

Il est fait à 100% avec HTML5/CSS3/JS, les fonctionnalités que j'aime le plus sont:

  • Transitions 3D comme CSS3 entre les diapositives
  • Vous pouvez créer des diapositives imbriquées - des diapositives verticales en horizontales
  • Prise en charge de la police
  • vous faites des liens internes entre les diapositives
  • Le code est joli, grâce à highlight.js
  • Présentation et mode deux écrans avec Esc et `s``

Je sais que vous ne le voulez pas vraiment, mais vous pouvez l'exporter au format PDF et le fork sur github :)

8
Xavier

Si vous souhaitez obtenir le support Websocket et la possibilité de contrôler les présentations Deck.js via une application mobile Sencha 2.0 HTML5, vous pouvez essayer Robodeck .

2
jdcravens

Cette bibliothèque sert à faire des présentations, des histoires et des publicités.

BoardJS

1
Porizm

En marge des réponses, vous pouvez également être intéressé par un contrôleur nodejs pour garder plusieurs téléspectateurs distants synchronisés les uns avec les autres.

controldesk.js

0
Neil