Web-based slideshow

From Wikipedia, the free encyclopedia
  (Redirected from Web Based Slideshow)
Jump to: navigation, search

A Web-based slideshow is a slide show which can be played (viewed or presented) using a web browser. Some web based slide shows are generated from presentation software and may be difficult to change (they are usually not supposed to). Others offer templates allowing the slide show to be easily edited and changed.

Compared to a fully fledged presentation program the web based slide shows are usually limited in features.

A web based slide show is typically generated to or authored in HTML, JavaScript and CSS code (files).

Features[edit]

Player/Presentation Features[edit]

  • Keyboard navigation.
  • Slide transitions and animations.
  • Auto-play/timed transitions.
  • Displays a table of contents.
  • Nested slides
  • Displays a table of contents.
  • Separate slide notes for the speaker.
  • Full screen support, with automatic text and images resizing to fit full screen.
  • Responsive layout support, with automatic text and images resizing to fit the resized screen.
  • URL to slide (typically accomplishing using a fragment identifier).
  • Print mode.
  • PDF export.
  • Mobile device support, using a mobile web browser or a mobile app.
  • Compatibility with multiple browsers.
  • No extra runtime environments or plugins required to view the slide show (some players may require Adobe Flash or Java)
  • Ability to work offline.

Editor Features[edit]

  • Theme and styling support
  • Can embed images
  • Can embed videos and audio and other multimedia
  • Supports master pages/templates for slides
  • Embedding SVG
  • Embedding MathML
  • Embedding other web pages

List of web-based slide shows engines [edit]

  • audience - [1] WYSIWYG HTML5, CSS3 and JavaScript slideshow tool that focuses on content control
  • bespoke.js - [2][3] lightweight web presentation framework with plugin support.
  • CSSS - [4] CSS-based SlideShow System.
  • deck.js - [5] a modular and customizable HTML5 and CSS3 slideshow, licensed under the MIT license
  • Drupal Slideshow - [6] can embed slideshows into Drupal.
  • DZSlides - [7] HTML5 and CSS3 slideshow
  • Google I/O HTML5 slide template - [8] licensed under the Apache License 2.0.
  • html-slideshow - [9] uses HTML and JavaScript to display slides.
  • HTML Slidy - [10] tool from W3C for creating slideshows using HTML
  • HTML5 Rocks - [11]
  • HTML5 Slides - [12] a slideshow template by Google using HTML5 and CSS3 features.
  • impress.js - [13] HTML5 and CSS3 slideshow, licensed under the MIT license
  • inertia.js - [14] HTML5, CSS3 and JavaScript Slideshow that offers multiple transitions and zoom effects.
  • jQuery-Presentation - [15] jQuery-based slideshow system
  • Landslide - [16] generates HTML5 slides from MarkDown and reST (reStructuredText) formats.
  • Presentista - [17] features a WYSIWYG content editor and a zooming user interface.
  • PreZentit - [18] Collaborative presentation web app released in July 2007.
  • Shower - [19] licensed under the MIT license.
  • ShowOff - [20] server-based HTML5 slideshow
  • Simplebooklet - [21] generates hosted embeddable HTML5 slideshows using a WYSIWYG editor or imported from PDF.
  • Slidifier - [22] generates slideshows from plain text source.
  • SlideWiki - supports SVG and LaTeX/MathML.
  • Squeenote - [23] server-based presentation options with support for synchronized presentation on multiple clients.
  • Stack - [24] presentation library with scroll-vased navigation.
  • reveal.js - [25] HTML5 and CSS3 slideshow, licensed under the MIT license.
  • TiddlySlidy - [26] adds presentations to TiddlyWiki

S5-based slideshows[edit]

S5 (Simple Standards-Based Slide Show System) is an XHTML-based file format for defining slideshows.

  • Diascope,[27] somewhat compatible with S5, inspired by s5-reloaded, uses SASS.
  • Django S5[28]
  • DokuWiki S5,[29] converts Wiki markup to S5 format in DokuWiki.
  • Dokuwiki S5 Reloaded.[30]
  • Drupal S5[31]
  • Gnome-S5[32]
  • jQuery.s5,[33] plugin for jQuery to support S5
  • Plone S5,[34] adds S5 support to Plone
  • Pod::S5,[35] converts Perl POD format to S5
  • Rst2S5,[36] uses reST (reStructuredText) to generate S5 presentations.
  • Slideshow (S9),[37] supports S5, S6, Slidy, Google HTML5 Rocks, and other templates.
  • slideous,[38] HTML-based presentation tool, inspired by S5 and Html Slidy
  • Slimey[39]
  • slippy[40] is S5 compatible project with PDF export feature.
  • spod5,[41] converts Perl POD (Plain Old Documentation) format to S5
  • S5 Reloaded,[42] an extended version of S5.
  • S6 Project[43]
  • Tiki Wiki S5,[44] adds S5 support to Tiki Wiki

Flash-based Slideshow[edit]

References[edit]

  1. ^ http://www.audience.me
  2. ^ http://markdalgleish.com/projects/bespoke.js/
  3. ^ http://markdalgleish.com/presentations/bespoke.js/
  4. ^ https://github.com/LeaVerou/CSSS
  5. ^ https://github.com/imakewebthings/deck.js
  6. ^ http://www.cincopa.com/media-platform/drupal-slideshow
  7. ^ https://github.com/paulrouget/dzslides
  8. ^ http://code.google.com/p/io-2012-slides/
  9. ^ https://github.com/robflaherty/html-slideshow
  10. ^ http://www.w3.org/Talks/Tools/Slidy2/
  11. ^ http://slides.html5rocks.com/#slide1
  12. ^ http://code.google.com/p/html5slides/
  13. ^ http://bartaz.github.com/impress.js
  14. ^ https://github.com/bonakid/inertia.js
  15. ^ https://github.com/davist11/jQuery-Presentation
  16. ^ https://github.com/adamzap/landslide
  17. ^ http://presentista.com
  18. ^ http://prezentit.com
  19. ^ https://github.com/shower/shower
  20. ^ https://github.com/schacon/showoff/
  21. ^ https://simplebooklet.com
  22. ^ http://slidifier.com
  23. ^ https://github.com/danski/squeenote/
  24. ^ http://mbostock.github.io/stack/
  25. ^ http://lab.hakim.se/reveal-js
  26. ^ http://tiddlyslidy.com/
  27. ^ https://github.com/minad/diascope
  28. ^ http://github.com/myles/django-s5
  29. ^ https://www.dokuwiki.org/plugin:s5
  30. ^ http://www.dokuwiki.org/plugin:s5reloaded
  31. ^ http://drupal.org/project/s5
  32. ^ https://github.com/CodeGnome/s5
  33. ^ http://www.visop-dev.com/Project+jQuery.s5
  34. ^ http://www.enfoldsystems.com/developer/software/plones5
  35. ^ https://metacpan.org/module/Pod::S5
  36. ^ http://docutils.sourceforge.net/docs/user/slide-shows.html
  37. ^ http://slideshow.rubyforge.org/
  38. ^ http://goessner.net/articles/slideous/slideous.html
  39. ^ http://slimey.sourceforge.net/
  40. ^ https://github.com/Seldaek/slippy
  41. ^ https://metacpan.org/module/spod5
  42. ^ http://www.netzgesta.de/S5/
  43. ^ https://github.com/geraldb/s6
  44. ^ http://doc.tiki.org/JQS5
  45. ^ http://www.kizoa.com/