Web-based slideshow
Appearance
![]() |
![]() | This article possibly contains original research. (April 2012) |
A Web-based slideshow is a slide show which can be viewed or presented using a web browser. Some web-based slide shows are generated from presentation software and may be difficult to change. 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 in HTML, JavaScript and CSS code.
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)
- 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
- 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.
- Better Simple Slideshow - [4]
- CSSS - [5] CSS-based SlideShow System.
- deck.js - [6] a modular and customizable HTML5 and CSS3 slideshow, licensed under the MIT license
- Drupal Slideshow - [7] can embed slideshows into Drupal.
- DZSlides - [8] HTML5 and CSS3 slideshow
- GitPitch - [9] The Markdown Presentation Service for everyone on GitHub, GitLab, and Bitbucket.
- Google I/O HTML5 slide template - [10] licensed under the Apache License 2.0.
- HTML Slidy - [11] tool from W3C for creating slideshows using HTML
- html-slideshow - [12] uses HTML and JavaScript to display slides.
- HTML5 Rocks - [13]
- HTML5 Slides - [14] a slideshow template by Google using HTML5 and CSS3 features.
- impress.js - [15] HTML5 and CSS3 slideshow, licensed under the MIT license
- inertia.js - [16] HTML5, CSS3 and JavaScript Slideshow that offers multiple transitions and zoom effects.
- jQuery-Presentation - [17] jQuery-based slideshow system
- Landslide - [18] generates HTML5 slides from MarkDown and reST (reStructuredText) formats.
- Mentimeter -[19] interactive software that uses HTML and JavaScript.
- PINP - [20] PINP IS NOT PPT, freeware, based on HTML5/CSS3.
- Presentation - [21][22] XHTML and CSS3 based system which supports including multiple slide decks and portable compiled files. (BSD License)
- Presentista - [23] features a WYSIWYG content editor and a zooming user interface.
- PreZentit - [24] Collaborative presentation web app released in July 2007.
- reveal.js - [25] HTML5 and CSS3 slideshow, licensed under the MIT license.
- CloudPoint -[26] HTML5 and CSS3 based slideshow system
- Shower - [27] licensed under the MIT license.
- ShowOff - [28] server-based HTML5 slideshow
- Simplebooklet - [29] generates hosted embeddable HTML5 slideshows using a WYSIWYG editor or imported from PDF.
- Slidifier - [30] generates slideshows from plain text source.
- SlideWiki - supports SVG and LaTeX/MathML.
- Squeenote - [31] server-based presentation options with support for synchronized presentation on multiple clients.
- Stack - [32] presentation library with scroll-based navigation.
- TiddlySlidy - [33] adds presentations to TiddlyWiki
- Moovly - [34] Presentation software and platform
S5-based slideshows
S5 (Simple Standards-Based Slide Show System) is an XHTML-based file format for defining slideshows.
- Diascope,[35] somewhat compatible with S5, inspired by s5-reloaded, uses SASS.
- Django S5[36]
- DokuWiki S5,[37] converts Wiki markup to S5 format in DokuWiki.
- Dokuwiki S5 Reloaded.[38]
- Drupal S5[39]
- Gnome-S5[40]
- jQuery.s5,[41] plugin for jQuery to support S5
- Plone S5,[42] adds S5 support to Plone
- Pod::S5,[43] converts Perl POD format to S5
- Rst2S5,[44] uses reST (reStructuredText) to generate S5 presentations.
- Slideshow (S9),[45] supports S5, S6, Slidy, Google HTML5 Rocks, and other templates.
- slideous,[46] HTML-based presentation tool, inspired by S5 and Html Slidy
- Slimey[47]
- slippy[48] is S5 compatible project with PDF export feature.
- spod5,[49] converts Perl POD (Plain Old Documentation) format to S5
- S5 Reloaded,[50] an extended version of S5.
- S6 Project[51]
- Tiki Wiki S5,[52] adds S5 support to TikiWiki
- Zim, a desktop wiki has built-in support for exporting to S5[53]
Flash-based Slideshow
References
- ^ audience. "audience - making every presentation a success". audience.me.
- ^ "Bespoke.js".
- ^ "DIY Presentations with Bespoke.js". markdalgleish.com.
- ^ "leemark/better-simple-slideshow". GitHub.
- ^ "LeaVerou/csss". GitHub.
- ^ "imakewebthings/deck.js". GitHub.
- ^ "Cincopa Drupal Slideshow". cincopa.com.
- ^ "paulrouget/dzslides". GitHub.
- ^ "GitPitch - The Markdown Presentation Service on Git". gitpitch.com.
- ^ "io-2012-slides - HTML5 slide template for Google I/O 2012 - Google Project Hosting". google.com.
- ^ "HTML Slidy". w3.org.
- ^ "robflaherty/html-slideshow". GitHub.
- ^ https://web.archive.org/web/20110521044026/http://slides.html5rocks.com/. Archived from the original on May 21, 2011. Retrieved May 23, 2011.
{{cite web}}
: Missing or empty|title=
(help) - ^ "html5slides - A Google HTML5 slide template - Google Project Hosting". google.com.
- ^ Bartek Szopka. "impress.js - presentation tool based on the power of CSS3 transforms and transitions in modern browsers - by Bartek Szopka @bartaz". github.com.
- ^ "hellgorithm/inertia.js". GitHub.
- ^ "davist11/jQuery-Presentation". GitHub.
- ^ "adamzap/landslide". GitHub.
- ^ "Interactive presentation software". Mentimeter. Retrieved 2019-01-02.
- ^ "Html5 Presentation - PINP official site". pinp.me.
- ^ Matthew Wronka - Projects - Presentation
- ^ "Presentation". freecode.com.
- ^ "Presentista - Presentations Remixed". presentista.com.
- ^ "PreZentit". prezentit.com.
- ^ Hakim El Hattab. "reveal.js - The HTML Presentation Framework". hakim.se.
- ^ "CloudPoint Help Page".
- ^ "shower/shower". GitHub.
- ^ "schacon/showoff". GitHub.
- ^ "simplebooklet". simplebooklet.com.
- ^ "Slidifier". slidifier.com.
- ^ "danski/Squeenote". GitHub.
- ^ https://mbostock.github.io/stack/
- ^ "~TiddlySlidy - a TiddlyWiki for creating and presenting Slideshows". tiddlyslidy.com.
- ^ "Moovly". moovly.com.
- ^ "minad/diascope". GitHub.
- ^ "myles/django-s5". GitHub.
- ^ "plugin:s5 [DokuWiki]". dokuwiki.org.
- ^ "plugin:s5reloaded [DokuWiki]". dokuwiki.org.
- ^ "S5 presentation player". drupal.org.
- ^ "CodeGnome/s5". GitHub.
- ^ "Project jQuery.s5". visop-dev.com.
- ^ "Plone S5". enfoldsystems.com.
- ^ T. Linden. "Pod::S5 - Generate S5 slideshow from POD source. - metacpan.org". metacpan.org.
- ^ "Easy Slide Shows With reST & S5". sourceforge.net. 30 March 2006.
- ^ "Welcome". slideshow-s9.github.io.
- ^ Stefan Gössner (13 November 2005). "Slideous". goessner.net.
- ^ http://slimey.sourceforge.net/
- ^ "Seldaek/slippy". GitHub.
- ^ Matt Sergeant. "spod5 - Displays spod5 (pod to s5) presentations - metacpan.org". metacpan.org.
- ^ "S5 Reloaded". netzgesta.de.
- ^ "slidekit/s6". GitHub.
- ^ Tiki Community. "JQS5 - Documentation for Tiki Wiki CMS Groupware". tiki.org.
- ^ "Zim - a desktop wiki". zim-wiki.org. Retrieved 2019-06-30.
- ^ "Free - Slideshow and Video Maker". kizoa.com.
- ^ "Show to Clients, Live Presentation, Show Presentation to Clients, Live Multimedia Presentation, Share your Multimedia Presentations, Multimedia Presentation". showtoclients.com.