Web-based slideshow

From Wikipedia, the free encyclopedia

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

Player/Presentation Features

  • Works offline
  • No extra runtime environments or plugins required to view the slide show (some players may require Adobe Flash or Java)
  • Keyboard navigation
  • Slide transitions and animations
  • Full screen support, can automatically resizing text and images to fit the screen
  • Mobile device support, can be displayed on a smartphone using a mobile web browser or a mobile app.
  • URL to slide, can link directly to a slide using a URL (typically accomplishing using a fragment identifier).
  • Displays a table of contents
  • Auto-play/timed transitions
  • Compatible with multiple browsers
  • Can display slide notes for the speaker
  • Print mode

Editor Features

  • 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

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

S5-based slideshows

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

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

Flash-based Slideshow

References

  1. ↑ https://simplebooklet.com
  2. ↑ https://github.com/LeaVerou/CSSS
  3. ↑ http://slidifier.com
  4. ↑ http://presentista.com
  5. ↑ https://github.com/robflaherty/html-slideshow
  6. ↑ http://www.cincopa.com/media-platform/drupal-slideshow
  7. ↑ http://www.w3.org/Talks/Tools/Slidy2/
  8. ↑ http://code.google.com/p/html5slides/
  9. ↑ http://slides.html5rocks.com/#slide1
  10. ↑ https://github.com/adamzap/landslide
  11. ↑ https://github.com/schacon/showoff/
  12. ↑ https://github.com/paulrouget/dzslides
  13. ↑ https://github.com/davist11/jQuery-Presentation
  14. ↑ https://github.com/imakewebthings/deck.js
  15. ↑ http://bartaz.github.com/impress.js
  16. ↑ http://code.google.com/p/io-2012-slides/
  17. ↑ http://lab.hakim.se/reveal-js
  18. ↑ http://tiddlyslidy.com/
  19. ↑ https://github.com/shower/shower
  20. ↑ http://prezentit.com
  21. ↑ https://github.com/bonakid/inertia.js
  22. ↑ http://www.audience.me
  23. ↑ https://www.dokuwiki.org/plugin:s5
  24. ↑ http://www.dokuwiki.org/plugin:s5reloaded
  25. ↑ http://www.netzgesta.de/S5/
  26. ↑ https://github.com/minad/diascope
  27. ↑ https://github.com/CodeGnome/s5
  28. ↑ https://github.com/geraldb/s6
  29. ↑ https://github.com/Seldaek/slippy
  30. ↑ http://docutils.sourceforge.net/docs/user/slide-shows.html
  31. ↑ http://github.com/myles/django-s5
  32. ↑ http://drupal.org/project/s5
  33. ↑ http://www.visop-dev.com/Project+jQuery.s5
  34. ↑ http://doc.tiki.org/JQS5
  35. ↑ http://www.enfoldsystems.com/developer/software/plones5
  36. ↑ https://metacpan.org/module/spod5
  37. ↑ https://metacpan.org/module/Pod::S5
  38. ↑ http://slideshow.rubyforge.org/
  39. ↑ http://goessner.net/articles/slideous/slideous.html
  40. ↑ http://slimey.sourceforge.net/
  41. ↑ http://www.kizoa.com/
This article is issued from Wikipedia. The text is available under the Creative Commons Attribution/Share Alike; additional terms may apply for the media files.