Vcamera
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 caniuse.com for more details and more up to date information. The device also obviously needs a camera in order for the component to work.
Links
Compatibility
1.0 | 2.0.6 | 3.0.0 | 4.0.0 | |
---|---|---|---|---|
(24.4) | ||||
(24.3) | ||||
(24.2) | ||||
(24.1) | ||||
24 | Y | Y | ||
20-23 | Y | |||
-22 | Y | |||
-21 | Y | |||
-20 | Y | |||
(19) | ||||
(18) | ||||
(17) | ||||
(16) | ||||
(15) | ||||
(14) | ||||
10-13 | Y | |||
-12 | Y | |||
-11 | Y | |||
-10 | Y | |||
(8.21) | ||||
(8.20) | ||||
(8.19) | ||||
(8.18) | ||||
(8.17) | ||||
(8.16) | ||||
(8.15) | ||||
(8.14) | ||||
(8.13) | ||||
(8.12) | ||||
(8.11) | ||||
(8.10) | ||||
(8.9) | ||||
(8.8) | ||||
(8.7) | ||||
(8.6) | ||||
(8.5) | ||||
(8.4) | ||||
(8.3) | ||||
(8.2) | ||||
(8.1) | ||||
(8.0) | ||||
(7.7) | ||||
(7.6) | ||||
(7.5) | ||||
(7.4) | ||||
(7.3) | ||||
(7.2) | ||||
(7.1) | ||||
(7.0) | ||||
(6.8) | ||||
(6.7) | ||||
(6.6) | ||||
(6.5) | ||||
(6.4) | ||||
(6.3) | ||||
(6.2) | ||||
(6.1) | ||||
(6.0) |
Was this helpful? Need more help?
Leave a comment or a question below. You can also join
the chat on Discord or
ask questions on StackOverflow.
Version
- Released
- 2018-09-14
- Maturity
- EXPERIMENTAL
- License
- Apache License 2.0
Compatibility
- Framework
- Vaadin 10
- Vaadin 11
- Vaadin 12
- Vaadin 13
- Vaadin 24 in 4.0.0
- Vaadin 23 in 2.0.6
- Vaadin 22 in 2.0.6
- Vaadin 21 in 2.0.6
- Vaadin 20 in 2.0.6
- Browser
- Firefox
- Safari
- Google Chrome
- iOS Browser
- Android Browser
- Microsoft Edge
Vcamera - Vaadin Add-on Directory
Vaadin 10 component for taking pictures and recording short videosOnline Demo
Vcamera version 3.0.0
Vaadin 24 compatible build, no new features.