Instacam is a jQuery plugin to perform instant canvas video through the WebRTC API with a fresh touch of CSS filters.
Instacam is fully tested on Google Chrome for desktop (latest public released version), on a Google Nexus 7 tablet and on a Google Nexus 5 phone. Both Android devices are running Android "Kit Kat" 4.4.4. The plugin is compatible with browser that natively support the HTML5 canvas tag, requestAnimationFrame API and getUserMedia API. The CSS filtering requires the CSS filter features to properly work.
Official support on Chrome 36+, Firefox 31+, and Opera 23+. Many other browsers may work, but are not extensively tested. You can check at any time the support table about the partial or full support of these features.
To ensure a stable running of Instacam, you need to have some requirements setted on your website.
- Javascript library
jQuery 1.3minimum required, tested on 1.11+ and working fine with 2.0+ - HTML5 doctype, not required, but better for a good W3C validation
Note that jQuery 2.0 or higher doesn't support IE 6/7/8 anymore.
Latest stable release:
- Production
jquery.instacam.min.js- 3.56KB, 1.22KB gzipped - Development
jquery.instacam.js- 7.61KB, 2.14KB gzipped
The version's notation is based on Semantic versioning, http://semver.org.
Here you will find the documentation describing how to use the jQuery plugin.
- How it works - how the plugin do the stuff
- Markup - how should the HTML and CSS look like
- Calling - how to call Instacam
- Options - all available options
- Methods - all available methods
- Examples - some case studies
- Demos - some demos in action
You can track the project on Github and/or follow me on Twitter.
If you want to report a bug or if you just want to request for a new feature / improvement, you can simply use the Github tracker: please describe as much as possible the issue you encountered.
The project is developed under the Creative Commons license with the reference BY-NC 4.0 which means that you are free to share, copy, distribute, adapt, remix and transmit the work under the following conditions:
- Attribution: You must give appropriate credit, provide a link to the license, and indicate if changes were made. You may do so in any reasonable manner, but not in any way that suggests the licensor endorses you or your use.
- Noncommercial: You may not use the material for commercial purposes.
See the full legal code of the license for more information about your rights.
If you have any questions, please feel free to contact me!
Check out my website at http://en.xavierfoucrier.fr.