Web-based slideshow
Appearance
This article possibly contains original research. (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.
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
- 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
- Google I/O HTML5 slide template - [9] licensed under the Apache License 2.0.
- HTML Slidy - [10] tool from W3C for creating slideshows using HTML
- html-slideshow - [11] uses HTML and JavaScript to display slides.
- HTML5 Rocks - [12]
- HTML5 Slides - [13] a slideshow template by Google using HTML5 and CSS3 features.
- impress.js - [14] HTML5 and CSS3 slideshow, licensed under the MIT license
- inertia.js - [15] HTML5, CSS3 and JavaScript Slideshow that offers multiple transitions and zoom effects.
- jQuery-Presentation - [16] jQuery-based slideshow system
- Landslide - [17] generates HTML5 slides from MarkDown and reST (reStructuredText) formats.
- PINP - [18] PINP IS NOT PPT, freeware, based on HTML5/CSS3.
- Presentation - [19][20] XHTML and CSS3 based system which supports including multiple slide decks and portable compiled files. (BSD License)
- Presentista - [21] features a WYSIWYG content editor and a zooming user interface.
- PreZentit - [22] Collaborative presentation web app released in July 2007.
- reveal.js - [23] HTML5 and CSS3 slideshow, licensed under the MIT license.
- Shower - [24] licensed under the MIT license.
- ShowOff - [25] server-based HTML5 slideshow
- Simplebooklet - [26] generates hosted embeddable HTML5 slideshows using a WYSIWYG editor or imported from PDF.
- Slidifier - [27] generates slideshows from plain text source.
- SlideWiki - supports SVG and LaTeX/MathML.
- Squeenote - [28] server-based presentation options with support for synchronized presentation on multiple clients.
- Stack - [29] presentation library with scroll-vased navigation.
- TiddlySlidy - [30] adds presentations to TiddlyWiki
- Moovly - [31] Presentation software and platform
S5-based slideshows
S5 (Simple Standards-Based Slide Show System) is an XHTML-based file format for defining slideshows.
- Diascope,[32] somewhat compatible with S5, inspired by s5-reloaded, uses SASS.
- Django S5[33]
- DokuWiki S5,[34] converts Wiki markup to S5 format in DokuWiki.
- Dokuwiki S5 Reloaded.[35]
- Drupal S5[36]
- Gnome-S5[37]
- jQuery.s5,[38] plugin for jQuery to support S5
- Plone S5,[39] adds S5 support to Plone
- Pod::S5,[40] converts Perl POD format to S5
- Rst2S5,[41] uses reST (reStructuredText) to generate S5 presentations.
- Slideshow (S9),[42] supports S5, S6, Slidy, Google HTML5 Rocks, and other templates.
- slideous,[43] HTML-based presentation tool, inspired by S5 and Html Slidy
- Slimey[44]
- slippy[45] is S5 compatible project with PDF export feature.
- spod5,[46] converts Perl POD (Plain Old Documentation) format to S5
- S5 Reloaded,[47] an extended version of S5.
- S6 Project[48]
- Tiki Wiki S5,[49] adds S5 support to Tiki Wiki
Flash-based Slideshow
References
- ^ audience. "audience - making every presentation a success". audience.me.
- ^ "Bespoke.js". 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.
- ^ "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); Unknown parameter|deadurl=
ignored (|url-status=
suggested) (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.
- ^ "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.
- ^ "shower/shower". GitHub.
- ^ "schacon/showoff". GitHub.
- ^ simplebooklet. "simplebooklet.com". simplebooklet.com.
- ^ "Slidifier". slidifier.com.
- ^ "danski/Squeenote". GitHub.
- ^ http://mbostock.github.io/stack/
- ^ "~TiddlySlidy - a TiddlyWiki for creating and presenting Slideshows". tiddlyslidy.com.
- ^ https://www.moovly.com/.
{{cite web}}
: Missing or empty|title=
(help) - ^ "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.
- ^ "Free - Slideshow and Video Maker". kizoa.com.