npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

@uehreka/seriously

v1.0.1

Published

An npm version of Seriously.js

Downloads

1,468

Readme

Seriously.js

Seriously.js is a real-time, node-based video compositor for the web. Inspired by professional software such as After Effects and Nuke, Seriously.js renders high-quality video effects, but allows them to be dynamic and interactive.

Getting Started

Full documentation is in progress at the wiki. Start with the Tutorial and FAQ.

Features

  • Optimized rendering path and GPU accelerated up to 60 frames per second
  • Accept image input from varied sources: video, image, canvas, array, webcam, Three.js
  • Effect parameters accept multiple formats and can monitor HTML form inputs
  • Basic 2D transforms (translate, rotate, scale, skew) on effect nodes
  • Plugin architecture for adding new effects, sources and targets
  • Read pixel array from any node
  • Load with AMD/RequireJS

Included Effects

  • Accumulator
  • Ascii Text
  • Bleach Bypass
  • Blend
  • Brightness/Contrast
  • Channel Mapping
  • Checkerboard Generator
  • Chroma Key
  • Color Complements
  • Color Cube
  • Color Generator
  • Color Look-Up Table
  • Color Select
  • Color Temperature
  • Crop
  • Daltonize
  • Directional Blur
  • Displacement Map
  • Dither
  • Edge Detect
  • Emboss
  • Exposure Adjust
  • Expressions
  • Fader
  • False Color
  • Fast Approximate Anti-Aliasing
  • Film Grain
  • Freeze Frame
  • Gaussian Blur
  • Hex Tiles
  • Highlights/Shadows
  • Hue/Saturation Adjust
  • Invert
  • Kaleidoscope
  • Layers
  • Linear Transfer
  • Luma Key
  • Mirror
  • Night Vision
  • Optical Flow
  • Panorama
  • Pixelate
  • Polar Coordinates
  • Ripple
  • Scanlines
  • Sepia tone
  • Simplex Noise
  • Sketch
  • Split
  • Throttle Frame Rate
  • Tone Adjust
  • TV Glitch
  • Vibrance
  • Vignette
  • White Balance

Requirements

WebGL

Seriously.js requires a browser that supports WebGL. Development is targeted to and tested in Firefox (4.0+), Google Chrome (9+), Internet Explorer (11+) and Opera (18+). Safari is expected to support WebGL in the near future.

Even though a browser may support WebGL, the ability to run it depends on the system's graphics card. Seriously.js is heavily optimized, so most modern desktops and notebooks should be sufficient. Older systems may run slower, especially when using high-resolution videos.

Mobile browser support for WebGL has improved. Mobile Firefox, Chrome and Safari have decent support, but they can be slower than desktop versions due to limited system resources.

Seriously.js provides a method to detect browser support and offer descriptive error messages wherever possible.

Cross-Origin Videos and Images

Due to security limitations of WebGL, Seriously.js can only process video or images that are served from the same domain, unless they are served with CORS headers. Firefox, Chrome and Opera support CORS for video, but Safari and Internet Explorer do not, and videos served with CORS are rare. So for now, it is best to host your own video files.

Contributing

Bug fixes, new features, effects and examples are welcome and appreciated. Please follow the Contributing Guidelines.

License

Seriously.js is made available under the MIT License.

Individual plugins may be licensed differently. Check source code comments.

Credits

Seriously.js is created and maintained by Brian Chirls