https://github.com/sakryukov/web-presentation
Web browser-based application, analogous to those office presentation applications, in a single file.
https://github.com/sakryukov/web-presentation
animation css css-animation html javascript presentation raster-graphics svg svg-animation vector-graphics video
Last synced: 4 months ago
JSON representation
Web browser-based application, analogous to those office presentation applications, in a single file.
- Host: GitHub
- URL: https://github.com/sakryukov/web-presentation
- Owner: SAKryukov
- License: other
- Created: 2020-11-20T16:07:52.000Z (over 5 years ago)
- Default Branch: main
- Last Pushed: 2023-09-19T14:56:03.000Z (over 2 years ago)
- Last Synced: 2025-05-07T09:51:53.553Z (about 1 year ago)
- Topics: animation, css, css-animation, html, javascript, presentation, raster-graphics, svg, svg-animation, vector-graphics, video
- Language: HTML
- Homepage: https://www.SAKryukov.org
- Size: 12.3 MB
- Stars: 13
- Watchers: 3
- Forks: 6
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
## Web Presentation
Web browser-based application, analogous to those office presentation applications, in a single file.
There are two independent solutions: 1) the single file is `presentation.html`, then the user lists the presentation items in a JavaScript file, 2) the single file is `presentation.js`, then the user's list is in an HTML file. Both solutions have their benefits and drawbacks. The second solution is a bit more complicated, but it offers extra flexibility, embedded HTML presentation frames, and detailed diagnostic of possible user errors.
### Live Demo
See the live demo presentation in “./demo” and “./demo-the-other-way-around”, run the live demo in the browser:
1. [Based on presentation.html](https://SAKryukov.github.io/web-presentation/demo/),
1. [Based on presentation.js](https://SAKryukov.github.io/web-presentation/demo-the-other-way-around/), the other way around.
### Usage
Simply add a presentation description file with a list of vector, raster image files, or video files. The files should be compatible with the user's Web browser. The containers and formats standardized for Web are highly recommended, such as SVG, WebP, WebM (VP8, VP9, AV1 video codecs).
For detailed usage, see original publications:
1. [Web Presentation, an Application in a Single File](https://www.codeproject.com/Articles/5286790/Web-Presentation)
1. [Web Presentation, the Other Way Around](https://www.codeproject.com/Articles/5290221/Web-Presentation-the-Other-Way-Around)
----
This work is licensed under a Creative Commons Attribution-ShareAlike 3.0 Unported License.