MyCamera | Vaadin

Shows your device video and record it!

My Camera

Published on

Simple component based on JS custom elements, which allow you to get access to your current device camera.

There's also ability to record stream and download.

Not compatilbe with some browsers, do not use it in production


npm install my-camera

And include somewhere in your app:

@import 'my-camera'

Or include stright in your index.html

<script rel="import" src="node_modules/dist/my-camera.js"></script>


<my-camera controls autoplay audio record></my-camera>

The controls and autoplay works like in video HTMLElement. Include audio attribute if you want to record audio as well.

And finally, record attribute will inlcude a simple button on top of Video, on click it starts recording, on stop recorded video will be downloaded!


  1. Fork it!
  2. Create your feature branch: git checkout -b my-new-feature
  3. Commit your changes: git commit -am 'Add some feature'
  4. Push to the branch: git push origin my-new-feature
  5. Submit a pull request :D


First release


Shared on MIT license, check LICENSE.


Link to this version
ImportedReleased 04 October 2018MIT License
Framework Support
Browser Independent
Install with
npm install my-camera"@1.0.14"
Run the above npm command in your project folder. If you have any issues installing, please contact the author.
Release notes - Version 1.0.14


  • msr#^1.3.4