🔗 Link to the plugin page: https://zeroqode.com/plugin/loom-like-screen-and-video-recorder-plugin-for-bubble-1727198795245x205603477118699420
Demo to preview the plugin:
Introduction
Plugin records shared screen
Allowed share and record:
- Screen
- Audio from device
- Audio from microphone
- Current tab with web camera
The shared screen works only on desktop devices, mobiles does not support sharing screen.
How to setup
Basic example
Record with camera
Plugin Element Properties
Screen&Camera recorder
Fields:
Title | Description | Type |
Camera settings | ||
Scale | Scale the camera | Number |
Mirror | Mirror the camera | Checkbox (yes/no) |
Vertical shift (px) | Move vertically in pixels. Allowed negative integer | Number |
Horizontal shift (px) | Move horizontally in pixels. Allowed negative integer | Number |
Element Actions
Start screen sharing
Request camera and microphone permission
Start recording
Pause or resume recording
Stop Sharing
Start camera and microphone
Stop recording
Cancel recording
Exposed states
Title | Description | Type |
Microphones | A list of input audio devices | Text |
Cameras | A list of input video devices | Text |
Permission granted | Yes when user accepted requested permissions camera and/or microphone | Checkbox (yes/no) |
Screen is sharing | Yes when screen is sharing | Checkbox (yes/no) |
Camera is sharing | Yes when camera is sharing | Checkbox (yes/no) |
Microphone is sharing | Yes when mic is sharing | Checkbox (yes/no) |
Audio is sharing | Yes when audio is sharing | Checkbox (yes/no) |
Screen type | Title of the shared screen | Text |
Seconds recorded | Shows time while recording. When recording is stop, this state will be reset. | Number |
Codec | Used codec for recording | Text |
Recording status | Available options:
Idle
Upload finished successful
Upload failed
Recording
Paused
Stopped | Text |
Recorded size | Size in bytes of recorded video | Number |
Video URL | URL of uploaded to Bubble storage video | Text |
Get device’s list is supported | Yes when get a list of microphones and cameras is available on the device | Checkbox (yes/no) |
Screen sharing supported | Yes when device support screen sharing | Checkbox (yes/no) |
Recorded duration | Time of the recorded video in seconds | Number |
Element Events
Title | Description |
Permission dismissed | Triggers when user closes permission popup (in this case it is possible to ask permissions again) |
Permission denied | Triggers when user blocks permission popup (in this case the user will not see the request popup again) |
Permission screen canceled | Triggers when user canceled screen sharing popup |
Saving file error | Triggers when error appears while saving to Bubble |
Saving file finished | Triggers after successful upload to Bubble |
User stopped sharing screen | Triggers when sharing screen was stopped by user |
Changelogs
Update 11.11.24 - Version 1.6.0
- Added "Attached this file to" field for "Start recording" action.
Update 30.10.24 - Version 1.5.0
- Minor update (Marketing update).
Update 21.10.24 - Version 1.4.0
- Minor update (Marketing update).
Update 21.10.24 - Version 1.3.0
- Added stretching for the webcam element.
Update 14.10.24 - Version 1.2.0
- Minor update (Marketing update).
Update 30.09.24 - Version 1.1.0
- Fixed start and stop recording for Firefox.
Update 27.09.24 - Version 1.0.0
- Initial plugin release.