diaporama

v2.2.0

Diaporama is an image slideshow engine providing high quality animation effects including Kenburns Effect and GLSL Transitions. For more information about how to use this package see README

Latest version published 9 years ago

License: ISC

NPM

GitHub

Package Health Score

45 / 100

security
No known security issues
popularity
Limited
maintenance
Inactive
community
Limited

Explore Similar Packages

Security

No known security issues

All security vulnerabilities belong to production dependencies of direct and indirect packages.

Security and license risk for significant versions

All Versions

Version				Vulnerabilities	License Risk
2.2.0	\|	07/2015	Popular	0 C 0 H 0 M 0 L	0 H 0 M 0 L
2.1.1	\|	07/2015		0 C 0 H 0 M 0 L	0 H 0 M 0 L
1.6.1	\|	05/2015		0 C 0 H 0 M 0 L	0 H 0 M 0 L
0.2.3	\|	01/2015		0 C 0 H 0 M 0 L	0 H 0 M 0 L
0.0.0	\|	09/2014		0 C 0 H 0 M 0 L	0 H 0 M 0 L

License

ISC

Security Policy

Is your project affected by vulnerabilities?

Scan your projects for vulnerabilities. Fix quickly with automated fixes. Get started with Snyk for free.

Get started free

Popularity

Limited

Weekly Downloads (34)

GitHub Stars: 799
Forks: 104
Contributors: 3

Direct Usage Popularity

The npm package diaporama receives a total of 34 downloads a week. As such, we scored diaporama popularity level to be Limited.

Based on project statistics from the GitHub repository for the npm package diaporama, we found that it has been starred 799 times.

Downloads are calculated as moving averages for a period of the last 12 months, excluding weekends and known missing data points.

Community

Limited

Readme.md: Yes
Contributing.md: No
Code of Conduct: No
Contributors: 3
Funding: No

This project has seen only 10 or less contributors.

We found a way for you to contribute to the project! Looks like diaporama is missing a Code of Conduct.

Embed Package Health Score Badge

Maintenance

Inactive

archived

Commit Frequency

No Recent Commits

Open Issues: 15
Open PR: 3
Last Release: 9 years ago
Last Commit: 8 years ago

Further analysis of the maintenance status of diaporama based on released npm versions cadence, the repository activity, and other data points determined that its maintenance is Inactive.

An important project maintenance signal to consider for diaporama is that it hasn't seen any new versions released to npm in the past 12 months, and could be considered as a discontinued project, or that which receives low attention from its maintainers.

In the past month we didn't find any pull request activity or change in issues status has been detected for the GitHub repository.

Keep your project healthy

Check your package.json

Ensure all the packages you're using are healthy and well-maintained

Snyk Vulnerability Scanner

Get health score & security insights directly in your IDE

Package

Node.js Compatibility: not defined

Age: 10 years
Dependencies: 17 Direct
Versions: 40
Install Size: 0 B
Dist-tags: 1
# of Files: 0
Maintainers: 1
TS Typings: No

diaporama has more than a single and default latest tag published for the npm package. This means, there may be other tags available for this package, such as next to indicate future releases, or stable to indicate stable releases.

Readme

Diaporama

Diaporama is an image/video/content slideshow engine providing high quality animation effects including Kenburns effect and GLSL Transitions.

-> DEMO <-

Related Projects

diaporama-maker: application to create Diaporama slideshows.
diaporama-react: Use React with Diaporama.
kenburns: KenBurns effect for the Web.
glsl-transition: Perform a GLSL Transition.
slide2d: Express vectorial content in JSON using canvas2d directives.

Diaporama Key features

Minimal and unopinionated library. Diaporama focuses on rendering the slideshow. Up to you to hook it to any event (window resize, touch events, keyboard,...) based on your needs.
Responsive: Diaporama works with any resolution and any ratio. The original image ratios are always preserved (crop to fit).
Simple API. the Diaporama API mimic the HTML5 Video API for a better learning curve. You can set some Properties and the library will always be in sync with your changes (and update efficiently with the minimal changes). There is also Events.
Easily interoperable with Virtual DOM library.
Videos support. allowing to define multiple video formats and image fallback.
Kenburns effect on images with configurable animation from/to and easing function.
Customizable transition effects using GLSL Transitions created on GLSL.io (or your own)
Works everywhere. Diaporama is implemented with WebGL (hardware accelerated) but also have DOM fallback.
The slideshow is described in a JSON format.
Retina-ready. By default, the library use devicePixelRatio as canvas resolution. N.B.: This has a cost in term of performance, so if you want you can just give 1. You can also responsively adapt it based on the canvas area.
Texts, Images and Shapes support – using slide2d which exposes everything Canvas can do.

Gitbooks Full Documentation

https://gre.gitbooks.io/diaporama/content/

Current state of browser support

Diaporama should be widely supported by browsers (desktop and mobile). If WebGL is not supported by the browser/hardware, it fallbacks properly to DOM implementation (an opacity transition is used).

Here are the current browsers I've been testing on

Firefox (Mac, Linux)
Chrome (Mac, Chromium Linux, Windows)
Safari (Mac)
IE 11
iOS Safari
Android Chrome
- Support for Videos is broken (will display black): <video> drawing in Android Chrome is broken: https://code.google.com/p/chromium/issues/detail?id=174642

diaporama dependencies

bezier-easing croissant gl-fbo gl-shader gl-texture2d glsl-transition glsl-transition-fade kenburns-dom kenburns-webgl ndarray object-assign raf rect-clamp rect-crop rect-mix slide2d webglew

diaporama development dependencies

browserify derequire eslint q tape testling uglify-js

FAQs

What is diaporama?

Diaporama is an image slideshow engine providing high quality animation effects including Kenburns Effect and GLSL Tran... Visit Snyk Advisor to see a full health score report for diaporama, including popularity, security, maintenance & community analysis.

Is diaporama popular?

The npm package diaporama receives a total of 34 weekly downloads. As such, diaporama popularity was classified as limited. Visit the popularity section on Snyk Advisor to see the full health analysis.

Is diaporama well maintained?

We found indications that diaporama is an Inactive project. See the full package health analysis to learn more about the package maintenance status.

Is diaporama safe to use?

The npm package diaporama was scanned for known vulnerabilities and missing license, and no issues were found. Thus the package was deemed as safe to use. See the full health analysis review.

Last updated on 10 September-2024, at 03:12 (UTC).

Build a secure application checklist

Select a recommended open source package

Minimize your risk by selecting secure & well maintained open source packages

DONE

Scan your app for vulnerabilities

Scan your application to find vulnerabilities in your: source code, open source dependencies, containers and configuration files

SCAN NOW

Fix identified vulnerabilities

Easily fix your code by leveraging automatically generated PRs

AUTO FIX

Monitor for new issues

New vulnerabilities are discovered every day. Get notified if your application is affected

MONITOR APP