Warning: Edited repo!
This repo was changed so could fit some personal needs. Added some extra options for the camera entry module. For further documentation, info, updates and issues, check the original repo
errorHandler: listener function that will trigger whenever takePhoto() or getCameraCapabilites() fail, resulting on a freeze state of the camera.
allowGallery: boolean (default true), when false will hide the gallery input buttons when the camera isn't avaliable or hide the button at left of the shutter camera button.
enforceFlash: boolean (default false) on some devices, the takePicture option to automatically read and trigger the flash doesn't work properly so enforceFlash will manually trigger that
processingQuery: listener function that returns a boolean indicating if the camera has started (true) or finished (false) any current action. This fix also prevents the buttons from recieving multiple entries and crashing down the camera.
Ionic Elements for Progressive Web Apps
This project is a growing collection of pre-built UI experiences for Web APIs such as camera/video, focused on building Progressive Web Apps that meet and exceed native mobile app experiences.
These elements are a key part of our mission to build the Progressive Web App OS by providing awesome UIs on top of low-level Web APIs.
These components are built as Web Components that can be used in any web app, using the power of Stencil JS.
Currently Supported
Currently, the project offers a quality in-app Camera experience using
getUserMedia, with support for multiple cameras and with automatic handling
of image data.
See the provided example for an example of how to use these components.
Capacitor Usage
Ionic PWA Elements were built primarily for developers using Capacitor, our Native app container that allows web apps to run on nearly every platform with consistent APIs.
Ionic PWA Elements offer web-UI experiences for Capacitor apps running in a browser as PWA, such that the API is identical for the PWA and the native app store app.
See the Capacitor PWA Elements page for more information on using this library in your Capacitor apps.