The UX component includes a built-in Jitsi Meet control that provides free video conferencing capabilities for your web applications.
The Jitsi Meet Control allows the developer to easily add comprehensive video conferencing to any web site developed with Alpha Anywhere.
Jitsi Meet is a fully encrypted 100% open source video conferencing solution that you can use for free.
- Control ID
- Meeting ID
The meeting ID is automatically generated as a UUID. You can modify this if you would like. The meeting ID should be complex and unique so that it cannot be easily guessed. This is essentially the key to the meeting and anyone with the Meeting ID can join the meeting.
- Jitsi Meet Frame Width
The frame width can be defined in pixels or as a percentage of the parent container. To fill a panel card use 100%.
- Jitsi Meet Frame Height
The frame height can be defined in pixels or as a percentage of the parent container. To fill a panel card use 100%. Keep in mind that the aspect ratio entered below can alter the height of the displayed video.
- Jitsi Meet Frame Aspect Ratio
The ratio of width to height. A common HD video aspect ratio is 16:9. Standard video is often displayed at 4:3. A 1:1 aspect ratio can be used to fill the container or when a fixed frame size is required
- Enable Deep Linking
This option affects how Jitsi Meet operates within a mobile browser. When deep linking is enabled, the user is presented with an option to switch to the Native Jitsi Meet app (which is preferred), to download and install the native Jitsi Meet app or to use the web version of Jitsi Meet. Most mobile browsers do not support the full requirements of the WebRTC specification and will not allow access to the microphone or camera. Users can see the conference but they can't interact with anyone in the conference which is not the optimal experience. When deep linking is not enabled, then the Jitsi Meet iFrame is loaded normally and because of the issues with most mobile browsers, they will not be able to access the camera or the microphone.
At this time it is best to use the Native Jitsi Meet app on mobile devices.
- Show Filmstrip Only
Displays the user filmstrip only.
- Vertical Filmstrip
Displays the user filmstrip vertically.
Allows the developer to control the toolbar buttons that will be displayed within Jitsi Meet. The developer does not have control over the placement of the toolbar buttons.
- On readyToClose event
Allows the developer to set the value of the Jitsi Meeting Id.
var controlId = 'JITSIMEET_1'; var meetingId = 'alpha_test1_0454445005550505533'; setJitsiMeetingId(controlId, meetingId);
The example components listed below demonstrate a typical use case which includes a panel navigator with two panel cards. The first panel card contains a button that when clicked will display the second panel card with an embedded component containing the Jitsi Meet Control. When the user taps the button, the second panel card is transitioned into view, and the embedded component with the Jitsi Meet control is loaded and displayed. When the user chooses to leave the meeting, the Jitsi Meet dispose method is called, and the panel navigator transitions to the first panel.
Jitsi Meet Control
An introduction to the Jitsi Meet Control.