Skip to main content

Camera

The camera widget powers users to capture images and videos from their applications and share the data for further use.

Properties

Properties allow you to edit the camera widget, connect it with other widgets and customize the user actions.

Widget Properties

These properties allow you to edit the Camera widget. All of these properties are present in the property pane of the widget. The following table lists all the widget properties.

PropertyDescription
ModeToggle between Image and Video modes.
VisibleControls widget's visibility on the page. When turned off: The widget will not be visible when the app is published. It appears translucent when in Edit mode.
DisabledMakes the widget un-clickable or unusable. The widget will remain visible to the user but user interaction will not be allowed.
MirroredMirrors the image being captured, toggled on by default. Only available for image capture.

Binding Properties

These properties allow you to bind your camera widget with any other widget in queries or JS objects. The following table lists all the binding properties.

Binding PropertyDescriptionSnippet
imageBlobURLBlob URL of the image to store the image for future use.{{<camerawidget_name>.imageBlobURL}}
imageDataURLData URL format of the image to embed it inline in different applications.{{<camerawidget_name>.imageDataURL}}
imageRawBinaryBinary file format of the image to store the image for future use.{{<camerawidget_name>.imageRawBinary}}
videoBlobURLBlob URL of the video to store the image for future use.{{<camerawidget_name>.videoBlobURL}}
videoDataURLData URL format of the video to embed it inline in different applications.{{<camerawidget_name>.videoDataURL}}
videoRawBinaryBinary file format of the image to store the image for future use.{{<camerawidget_name>.videoRawBinary}}

Events

EventDescription
onImageSaveSets an action to take place when the user saves an image. Can be set from the GUI list of common actions (See a list of supported actions.), or you can define a custom JavaScript function to call instead.
onVideoSaveSets an action to take place when the user saves a video. Can be set from the GUI list of common actions (See a list of supported actions.), or you can define a custom JavaScript function to call instead.