Overview

In today's digital era, the flexibility of using webcams through mobile devices has significantly enhanced user experience. A notable advancement in this area is the capability of Progressive Web Applications (PWAs) and mobile-responsive web applications to allow users to seamlessly switch between the front and back cameras when the application is accessed via a mobile device. This feature is particularly useful for a variety of applications, from video conferencing to capturing content, providing a versatile and user-friendly interface. Although this functionality is not native to all mobile operating systems, its integration into PWAs and responsive web designs marks a significant step towards more interactive and adaptable web experiences.

Documentation

TbnReactCamera

Webcam open on laptop or mobile device via application url

Features

Open front back camera on mobile device. Capture and save image via microflow.

Usage

- Create an entity which contains all widget props. The props can be refer from this source https://www.npmjs.com/package/react-webcam

- Place widget under the dataview with the source is microflow that create the props entity.

- Then map the attribute base on capture picture below 

Demo project

https://reactcamerav9-sandbox.mxapps.io/

Issues, suggestions and feature requests

https://github.com/tonytbn/tbnReactWebcam/issues

Development and contribution

node v18.17.x

npm run build to generate widget under folder dist.