|
#REDIRECT [[Slide show#Web-based slide show]]
{{cleanup list|date=April 2012}}
{{Original research|date=April 2012}}
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 (usually unintentionally so). Others offer templates allowing the slide show to be easily edited and changed.
{{R from merge}}
Compared to a fully fledged [[presentation program]] the web based slide shows are usually limited in features.
{{R to section}}
A web-based slide show is typically generated to or authored in [[HTML]], [[JavaScript]] and [[CSS]] code (files).
== Features ==
=== Player/Presentation Features ===
* Keyboard navigation.
* Slide transitions and animations.
* Auto-play/timed transitions.
* Displays a table of contents.
* Nested slides
* 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 (software platform)|Java]])
* [[HTML5 in mobile devices#Offline support|Ability to work offline]].
=== 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 engines {{Anchor|List}} ==
* '''AhaSlides''' - <ref>{{cite web|url=https://ahaslides.com|title=AhaSlides - an interactive presentation software|accessdate=2019-09-01}}</ref> an interactive software that uses HTML and JavaScript.
* '''audience''' - <ref>{{cite web|url=http://www.audience.me|title=audience - making every presentation a success|author=audience|work=audience.me}}</ref> WYSIWYG HTML5, CSS3 and JavaScript slideshow tool that focuses on content control
* '''bespoke.js''' - <ref>{{cite web|url=http://markdalgleish.com/projects/bespoke.js/|title=Bespoke.js}}</ref><ref>{{cite web|url=http://markdalgleish.com/presentations/bespoke.js/|title=DIY Presentations with Bespoke.js|work=markdalgleish.com}}</ref> lightweight web presentation framework with plugin support.
* '''Better Simple Slideshow''' - <ref>{{cite web|url=https://github.com/leemark/better-simple-slideshow|title=leemark/better-simple-slideshow|work=GitHub}}</ref>
* '''CSSS''' - <ref>{{cite web|url=https://github.com/LeaVerou/CSSS|title=LeaVerou/csss|work=GitHub}}</ref> CSS-based SlideShow System.
* '''deck.js''' - <ref>{{cite web|url=https://github.com/imakewebthings/deck.js|title=imakewebthings/deck.js|work=GitHub}}</ref> a modular and customizable HTML5 and CSS3 slideshow, licensed under the [[MIT license]]
* '''Drupal Slideshow''' - <ref>{{cite web|url=http://www.cincopa.com/media-platform/drupal-slideshow|title=Cincopa Drupal Slideshow|work=cincopa.com}}</ref> can embed slideshows into Drupal.
* '''DZSlides''' - <ref>{{cite web|url=https://github.com/paulrouget/dzslides|title=paulrouget/dzslides|work=GitHub}}</ref> HTML5 and CSS3 slideshow
* '''GitPitch''' - <ref>{{cite web|url=https://gitpitch.com|title=GitPitch - The Markdown Presentation Service on Git|work=gitpitch.com}}</ref> The Markdown Presentation Service for everyone on GitHub, GitLab, and Bitbucket.
* '''Google I/O HTML5 slide template''' - <ref>{{cite web|url=https://code.google.com/p/io-2012-slides/|title=io-2012-slides - HTML5 slide template for Google I/O 2012 - Google Project Hosting|work=google.com}}</ref> licensed under the [[Apache License 2.0]].
* '''HTML Slidy''' - <ref>{{cite web|url=http://www.w3.org/Talks/Tools/Slidy2/|title=HTML Slidy|work=w3.org}}</ref> tool from [[W3C]] for creating slideshows using HTML
* '''html-slideshow''' - <ref>{{cite web|url=https://github.com/robflaherty/html-slideshow|title=robflaherty/html-slideshow|work=GitHub}}</ref> uses HTML and JavaScript to display slides.
* '''HTML5 Rocks''' - <ref>{{cite web|url=http://slides.html5rocks.com/#slide1 |accessdate=May 23, 2011 |url-status=dead |archiveurl=https://web.archive.org/web/20110521044026/http://slides.html5rocks.com/ |archivedate=May 21, 2011 }}</ref>
* '''HTML5 Slides''' - <ref>{{cite web|url=https://code.google.com/p/html5slides/|title=html5slides - A Google HTML5 slide template - Google Project Hosting|work=google.com}}</ref> a slideshow template by Google using HTML5 and CSS3 features.
* '''impress.js''' - <ref>{{cite web|url=https://github.com/impress/impress.js/|title=impress.js - presentation tool based on the power of CSS3 transforms and transitions in modern browsers - by Bartek Szopka @bartaz|author=Bartek Szopka|work=github.com}}</ref> HTML5 and CSS3 slideshow, licensed under the [[MIT license]]
* '''inertia.js''' - <ref>{{cite web|url=https://github.com/bonakid/inertia.js|title=hellgorithm/inertia.js|work=GitHub}}</ref> HTML5, CSS3 and JavaScript Slideshow that offers multiple transitions and zoom effects.
* '''jQuery-Presentation''' - <ref>{{cite web|url=https://github.com/davist11/jQuery-Presentation|title=davist11/jQuery-Presentation|work=GitHub}}</ref> jQuery-based slideshow system
* '''Landslide''' - <ref>{{cite web|url=https://github.com/adamzap/landslide|title=adamzap/landslide|work=GitHub}}</ref> generates HTML5 slides from [[MarkDown]] and [[reStructuredText|reST (reStructuredText)]] formats.
*[[Mentimeter]] -<ref>{{Cite web|url=https://www.mentimeter.com/|title=Interactive presentation software|website=Mentimeter|access-date=2019-01-02}}</ref> interactive software that uses HTML and JavaScript.
*'''PINP''' - <ref>{{cite web|url=http://www.pinp.me/|title=Html5 Presentation - PINP official site|work=pinp.me}}</ref> PINP IS NOT PPT, freeware, based on HTML5/CSS3.
* '''Presentation''' - <ref>[http://matt.wronka.org/stuff/projects/presentation/ Matthew Wronka - Projects - Presentation<!-- Bot generated title -->]</ref><ref>{{cite web|url=http://freecode.com/projects/presentation|title=Presentation|work=freecode.com}}</ref> XHTML and CSS3 based system which supports including multiple slide decks and portable compiled files. ([[BSD License]])
* '''Presentista''' - <ref>{{cite web|url=http://presentista.com|title=Presentista - Presentations Remixed|work=presentista.com}}</ref> features a WYSIWYG content editor and a [[zooming user interface]].
* '''PreZentit''' - <ref>{{cite web|url=http://prezentit.com|title=PreZentit|work=prezentit.com}}</ref> Collaborative presentation web app released in July 2007.
* '''reveal.js''' - <ref>{{cite web|url=http://lab.hakim.se/reveal-js|title=reveal.js - The HTML Presentation Framework|author=Hakim El Hattab|work=hakim.se}}</ref> HTML5 and CSS3 slideshow, licensed under the MIT license.
* '''CloudPoint''' -<ref>{{Cite web|url=https://p.rfbz.ca/LearnMore|title=CloudPoint Help Page}}</ref> HTML5 and CSS3 based slideshow system
* '''Shower''' - <ref>{{cite web|url=https://github.com/shower/shower|title=shower/shower|work=GitHub}}</ref> licensed under the MIT license.
* '''ShowOff''' - <ref>{{cite web|url=https://github.com/schacon/showoff/|title=schacon/showoff|work=GitHub}}</ref> server-based HTML5 slideshow
* '''Simplebooklet''' - <ref>{{cite web|url=https://simplebooklet.com|title=simplebooklet|work=simplebooklet.com}}</ref> generates hosted embeddable HTML5 slideshows using a [[WYSIWYG]] editor or imported from [[PDF]].
* '''Slidifier''' - <ref>{{cite web|url=http://slidifier.com|title=Slidifier|work=slidifier.com}}</ref> generates slideshows from plain text source.
* '''[[SlideWiki]]''' - supports [[SVG]] and [[LaTeX]]/[[MathML]].
* '''Squeenote''' - <ref>{{cite web|url=https://github.com/danski/squeenote/|title=danski/Squeenote|work=GitHub}}</ref> server-based presentation options with support for synchronized presentation on multiple clients.
* '''Stack''' - <ref>https://mbostock.github.io/stack/</ref> presentation library with scroll-based navigation.
* '''TiddlySlidy''' - <ref>{{cite web|url=http://tiddlyslidy.com/|title=~TiddlySlidy - a TiddlyWiki for creating and presenting Slideshows|work=tiddlyslidy.com}}</ref> adds presentations to [[TiddlyWiki]]
* '''Moovly''' - <ref>{{cite web|url=https://www.moovly.com/|title=Moovly|work=moovly.com}}</ref> Presentation software and platform
== S5-based slideshows ==
[[S5 (file format)|S5]] (Simple Standards-Based Slide Show System) is an XHTML-based file format for defining slideshows.
* Diascope,<ref>{{cite web|url=https://github.com/minad/diascope|title=minad/diascope|work=GitHub}}</ref> somewhat compatible with S5, inspired by s5-reloaded, uses [[Sass (stylesheet language)|SASS]].
* Django S5<ref>{{cite web|url=https://github.com/myles/django-s5|title=myles/django-s5|work=GitHub}}</ref>
* DokuWiki S5,<ref>{{cite web|url=https://www.dokuwiki.org/plugin:s5|title=plugin:s5 [DokuWiki]|work=dokuwiki.org}}</ref> converts [[Wiki markup]] to S5 format in [[DokuWiki]].
* Dokuwiki S5 Reloaded.<ref>{{cite web|url=http://www.dokuwiki.org/plugin:s5reloaded|title=plugin:s5reloaded [DokuWiki]|work=dokuwiki.org}}</ref>
* Drupal S5<ref>{{cite web|url=http://drupal.org/project/s5|title=S5 presentation player|work=drupal.org}}</ref>
* Gnome-S5<ref>{{cite web|url=https://github.com/CodeGnome/s5|title=CodeGnome/s5|work=GitHub}}</ref>
* jQuery.s5,<ref>{{cite web|url=http://www.visop-dev.com/Project+jQuery.s5|title=Project jQuery.s5|work=visop-dev.com}}</ref> plugin for jQuery to support S5
* Plone S5,<ref>{{cite web|url=http://www.enfoldsystems.com/developer/software/plones5|title=Plone S5|work=enfoldsystems.com}}</ref> adds S5 support to [[Plone]]
* Pod::S5,<ref>{{cite web|url=https://metacpan.org/module/Pod::S5|title=Pod::S5 - Generate S5 slideshow from POD source. - metacpan.org|author=T. Linden|work=metacpan.org}}</ref> converts Perl POD format to S5
* Rst2S5,<ref>{{cite web|url=http://docutils.sourceforge.net/docs/user/slide-shows.html|title=Easy Slide Shows With reST & S5|date=30 March 2006|work=sourceforge.net}}</ref> uses [[reStructuredText|reST (reStructuredText)]] to generate S5 presentations.
* Slideshow (S9),<ref>{{cite web|url=https://slideshow-s9.github.io/|title=Welcome|work=slideshow-s9.github.io}}</ref> supports S5, S6, Slidy, Google HTML5 Rocks, and other templates.
* slideous,<ref>{{cite web|url=http://goessner.net/articles/slideous/slideous.html|title=Slideous|author=Stefan Gössner|date=13 November 2005|work=goessner.net}}</ref> HTML-based presentation tool, inspired by S5 and Html Slidy
* Slimey<ref>http://slimey.sourceforge.net/</ref>
* slippy<ref>{{cite web|url=https://github.com/Seldaek/slippy|title=Seldaek/slippy|work=GitHub}}</ref> is S5 compatible project with PDF export feature.
* spod5,<ref>{{cite web|url=https://metacpan.org/module/spod5|title=spod5 - Displays spod5 (pod to s5) presentations - metacpan.org|author=Matt Sergeant|work=metacpan.org}}</ref> converts Perl [[POD (Plain Old Documentation)]] format to S5
* S5 Reloaded,<ref>{{cite web|url=http://www.netzgesta.de/S5/|title=S5 Reloaded|work=netzgesta.de}}</ref> an extended version of S5.
* S6 Project<ref>{{cite web|url=https://github.com/geraldb/s6|title=slidekit/s6|work=GitHub}}</ref>
* Tiki Wiki S5,<ref>{{cite web|url=http://doc.tiki.org/JQS5|title=JQS5 - Documentation for Tiki Wiki CMS Groupware|author=Tiki Community|work=tiki.org}}</ref> adds S5 support to [[Tiki Wiki CMS Groupware|TikiWiki]]
*Zim, a desktop wiki has built-in support for exporting to S5<ref>{{Cite web|url=https://zim-wiki.org/manual/Help/Export/HTML.html|title=Zim - a desktop wiki|website=zim-wiki.org|access-date=2019-06-30}}</ref>
== Flash-based Slideshow ==
* Kizoa<ref>{{cite web|url=http://www.kizoa.com/|title=Free - Slideshow and Video Maker|work=kizoa.com}}</ref>
* [[Prezi]]
* ShowToClients<ref>{{cite web|url=http://www.showtoclients.com/|title=Show to Clients, Live Presentation, Show Presentation to Clients, Live Multimedia Presentation, Share your Multimedia Presentations, Multimedia Presentation|work=showtoclients.com}}</ref>
* One Truth Media
==References==
{{Reflist|30em}}
[[Category:Presentation software]]
| 