Vcamera | Vaadin

Vaadin 10 component for taking pictures and recording short videos

Vaadin 10 component for taking pictures and recording short videos. The component is based on HTML5 standards. It uses navigator.mediaDevices.getUserMedia to get a MediaStream object containing a video and/or audio stream. A MediaRecorder object is used to record video. The video HTML5-element is used to show videos. Images are created from the media stream using a canvas.

Recorded videos and pictures are saved directly to the server. A receiver class implementing the DataReceiver interface can be used on the server side to provide a OutputStream that saves the pictures and videos in a desired way.

navigator.mediaDevices.getUserMedia is supported in most modern browsers. MediaRecorder is supported only in Chrome and Firefox. See for more details and more up to date information. The device also obviously needs a camera in order for the component to work.


Link to this version
ExperimentalReleased 15 December 2021Apache License 2.0
Framework Support
Vaadin platform 20+
Browser Compatibility
Install with
Release notes - Version 2.0.6