video-canvas - Paint video on canvas. Extra light.

  •        34

Paint video on canvas. Extra light. video-canvas will take care of painting a video on canvas for you. In the easiest of setups, you provide a video and you get a correctly-sized self-updating canvas ready to be used.

https://npm.im/video-canvas
https://github.com/bfred-it/video-canvas

Dependencies:

intervalometer : ^1.0.2

Tags
Implementation
License
Platform

   




Related Projects

canvid - tiny js library for playing video on canvas elements (without audio)

  •    Javascript

canvid is a tiny dependency free library for playback of relatively short videos on canvas elements. Why not just use HTML5 video? Because you can't until Oct 2016 you could not embed and autoplay HTML5 videos on iOS! Yeah, that sucked.

html-canvas-video-player - Play inline videos on iPhone with HTML canvas player.

  •    Javascript

This was intended for auto-playing videos on iOS, but as of iOS 10, there is native supported option playsinline, read more here: https://webkit.org/blog/6784/new-video-policies-for-ios/ (Android works for ages now). So this project is not actively maintained anymore. Use native HTML video instead of it.

seeThru - HTML5 video with alpha channel transparencies

  •    Javascript

Your HTML5 video source is re-rendered into a canvas-element, adding the possibility to use transparencies in your video. Alpha information is either included in the video's source file (moving) or in a seperate <img>-element (static). The package also ships with a simple CLI tool for automatically converting your RGBA video sources into the correct format.

css-paint-polyfill - A polyfill for the CSS Paint API, with special browser optimizations.

  •    Javascript

This is a polyfill for the CSS Paint API. Performance is quite good in Firefox and Safari courtesy of -webkit-canvas() and -moz-element(). For the remaining browsers, framerate is governed by Canvas toDataURL() / toBlob() speed.


Theora playback library

  •    

A multi-threaded C++ library that plays video files supporting multiple codecs across platforms. Easy to use, fast, responsive, abstract interface and minimal dependencies, you'll soon be wondering how you lived without it! ;) Audio and Video interfaces are completely abstracted so the library can be used anywhere, regardless of what you use to display video frames and play audio samples (eg. OpenGL / OpenAL, Direct3D / DirectSound, SDL / SDL_mixer, X11 / alsa ...) The library can pre-cach

drawingboard.js - A canvas based drawing app that you can integrate easily on your website.

  •    Javascript

This is a canvas based drawing app that you can integrate easily on your website. drawingboard.js consists of a blank canvas surrounded by a few UI elements that control it: a color picker, a pencil, a paint can, an eraser, a pencil size chooser, navigations and reset buttons.

FlowPlayer - Flash video player

  •    Flash

Flowplayer is an Open Source video player for the web. Embed the video streams into your web pages. User will get rich media experience by viewing video streams from your site. Player could be extended with Flash plug-ins, JavaScript plug-ins or Streaming plug-ins. Give a new look and feel to the player by extending it.

Jahshaka - Video and Film Compositing, Editing and Special FX System

  •    C++

Jahshaka is a video and film compositing, editing and special fx system that uses OpenGL & OpenML hardware rendering to give operators real time interactivity. The system is cross platform, and also includes full CG, paint and image processing modules.

castnow - commandline chromecast player

  •    Javascript

Castnow is a command-line utility that can be used to play back media files on your Chromecast device. It supports playback of local video files, videos on the web and torrents. You can also re-attach a running playback session (this sentence should belong somewhere else). I currently don't have that much time to maintain this project and have also lost some interest (to be honest). Main reason is that we have had a new TV for a few months that supports casting directly to it using DLNA (you may wanna checkout dlnacast). Feel free to contact me ( simon@sope.io ) if you want to be added as a maintainer to castnow.

camvas - HTML5 webcam to canvas stream

  •    Javascript

A simple HTML5 library to stream a webcam video to a <canvas> object. Uses WebRTC (getUserMedia), Canvas and HTML5 Video.

CineFX - Professional grade media player

  •    C++

Cinefx is a professional grade media player, based on the jahplayer, that is capable of playing uncompressed video and image sequences at resolutions as high as 2K and 4K in real-time. Cinefx is an offline playback, editing, encoding, animation and visual effects tool based on the Jahshaka technology that allows you to create professional digital media on your desktop. Use the tools that hollywood uses to create blockbuster films and special effects.

domvas - Domvas implements the missing piece that connects the DOM and Canvas.

  •    Javascript

Domvas implements the missing piece that connects the DOM and Canvas. It gives to the ability to take arbitrary DOM content and paint it to a Canvas of your choice. readyCallback's 'this' and first argument points to a valid, preloaded image node that you can simply draw to your canvas context.

easy-video-player - Video playback on Android, made easy, wrapping around the stock MediaPlayer API.

  •    Java

Easy Video Player is a simple but powerful view that you can plugin to your apps to quickly get video playback working.The Gradle dependency is available via jCenter. jCenter is the default Maven repository used by Android Studio.

Videojs - HTML5 & Flash video player

  •    Javascript

Video.js is a web video player built from the ground up for an HTML5 world. It supports HTML5 and Flash video, as well as YouTube and Vimeo (through plugins). It supports video playback on desktops and mobile devices. It is an extendable framework/library around the native video element. It unifies the native video API across browsers.

react-video - 🎞 React component to load video from Vimeo or Youtube across any device.

  •    Javascript

A pretty good and effective way to create a video placeholder from Youtube or Vimeo using a high-res image. If you don't know, when an <iframe> is rendered from browser, it blocks its parse because it isn't a non-blocking script. This isn't so good to your user, no?. With this react component, the <iframe> just will be loaded when the user click on play. NOTICE: You need just one thing to make the component work. Put the base component style at the <header> tag. If you don't wanna use the .css extension, you can get the .styl or .scss extension at the folder ./lib.

jspaint - 🎨 Classic MS Paint, REVIVED + ✨Extras

  •    Javascript

The goal is to remake MS Paint (including its little-known features), improve on it, and to extend the types of images it can edit. So far, it does this pretty well.Ah yes, good old paint. Not the one with the ribbons or the new skeuomorphic one with the interface that can take up nearly half the screen. And sorry, not the even newer Paint 3D.

progress-bar-animation - Making a Doughnut Progress Bar - research notes

  •    Javascript

Looking through the different CSS pie chart implementations I decided that CSS is not fitted for the job. All solutions were hacks that would be hard to control. I was also worried that it will be cumbersome to make it work on all the browsers that we support. Canvas, with almost universal support, seemed more appealing. However, canvas would require me to implement timing (e.g. easing functions) and scaling (to support higher dpis) myself. Besides, I though that it would not utilize GPU as well as CSS transitions/transforms. SVG seemed like the best of both worlds: it's universally supported, doesn't need any hacks to create a required shape, utilizes CSS transitions to create animations and fits all screen dpis out of the box. So, I dusted off my SVG knowledge and started coding. Happy with the result, I sprinkled it with some CSS magic and made a short video showing it in action.

Valiant360 - An in-browser 360 degree panorama video player.

  •    Javascript

The aim of this project is to provide a free, minimalist 360 degree video WebGL player for modern browsers. It is implemented as a jQuery plugin, with a limited interface for controlling video playback, and mouse/scrollwheel controls for zooming and panning. There is currently no mobile support, but as Chrome and Safari mobile editions enable WebGL, this should be forwards-compatible with them.






We have large collection of open source products. Follow the tags from Tag Cloud >>


Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.