Join via Browser
Video Conferencing with Zoom plugin easily allows your users to join your meetings or webinars using Zoom's Native WebSDK WebSDK without needing to download Zoom App on your computer.
Embed or Join via Browser Method
This section shows you on how you can embed your meeting using a simple shortcode which allows your users to directly join your meeting/webinar.
If you are facing issues with this or your plugin version is below 3.9.0: Check out this section first for known issues.
Shortcode Usage
[zoom_join_via_browser meeting_id="YOUR_MEETING_ID" login_required="no" iframe="no" title="Test" height="500px" disable_countdown="yes" passcode="1232132121" webinar="no" image="https://images.unsplash.com/photo-1459257831348-f0cdd359235f"]
Where,
meeting_id: Your MEETING ID.login_required: "yes or no", Requires login to view or join.iframe: "yes or no", Show meeting or webinar in iframe element. This is not recommeded as there are known issues with this approach. Set this to "no" for more robust approach.title: Title of your Embed Sessionheight: Height of embedded video IFRAME.disable_countdown: "yes or no", enable or disable countdown.passcode: Set password of your meeting to automatically let users join without needing them to enter password.webinar: "yes" for embedding webinars.image: Image url for your post.
Overriding Template
You can edit elements from "join via browser" page by overriding template from "plugins/video-conferencing-with-zoom-api/templates/shortcode/embed-session.php".
Copy "plugins/video-conferencing-with-zoom-api/templates/shortcode/embed-session.php".
to "wp-content/themes/yourtheme/video-conferencing-zoom/shortcode/embed-session.php"
After that you can edit the file and change the contents according to your preference.
Redirecting after completing the meeting filter.
To redirect user after a meeting fails, after completed or if meeting is not yet started; Add below code to your functions.php file in your theme and replace it with url you want to redirect:
add_filter('vczapi_api_redirect_join_browser', function() {
return 'https://yoursiteurl.com/page';
});
Check this post as well to know more on direct browser join feature https://deepenbajracharya.com.np/joining-meetings-in-zoom-directly-from-browser/
Additional Informations
How join links work ?
Join links allow users to join meetings easily from frontend. Check below screenshot on how its used in this plugin.
You can disable join links as well
If you do not want to allow users to directly join via browser then you can disable that link from your posts page like shown in below screenshot.
Browser Compatiblity
Mobile web browsers now supported Meeting SDK for Web v2.4.0 and higher supports the major Android and iOS browsers. Note that the Meeting SDK for Web on mobile browsers does not have complete feature parity with the Meeting SDK for Web on desktop browsers. Plugin currently uses webSDK higher than 2.4.0
| Chrome 69+ | Firefox 56+ | Safari 11+ | Edge 79+ | |
|---|---|---|---|---|
| Gallery View | (1) | ✘ | ✘ | (1) |
| Pause Recording | ✓ | ✓ | ✓ | ✓ |
| Waiting Room | ✓ | ✓ | ✓ | ✓ |
| Share Video | ✓ | ✓ | ✓ | ✓ |
| Share Screen | ✓ | ✓ | ✘ | ✓ |
| Join Computer Audio | ✓ | ✓ | (2) | ✓ |
| Join Audio by Phone | ✓ | ✓ | ✓ | ✓ |
| Meeting Host Controls | ✓ | ✓ | ✓ | ✓ |
| View Shared Video | ✓ | ✓ | ✓ | ✓ |
| View Shared Screen | ✓ | ✓ | ✓ | ✓ |
| Request Remote Control | ✓ | ✓ | ✓ | ✓ |
| In-meeting Chat | ✓ | ✓ | ✓ | ✓ |
| Closed Captioning | ✓ | ✓ | ✓ | ✓ |
| Webinar Q&A | ✓ | ✓ | ✓ | ✓ |
| End-to-end encryption (E2EE) (3) | ✘ | ✘ | ✘ | ✘ |
| Share computer audio | (4) | ✘ | ✘ | ✘ |
Performance Limits
Currently, the Zoom Meeting Web SDK encodes at a maximum resolution of 720p. See Web SDK 720p video for details. If a user is in a meeting with both native and browser clients, the browser client video displayed within the native client will be of lower quality due to encoding limitations.
Loading CDN Resources
From plugin version 3.6.2 users can now decide to load the webSDK resources directly from Zoom CDN.
To do this add below code to your config.php file.
define('VCZAPI_STATIC_CDN', true);
If incase, there is problem loading your join via browser page when using CDN. You can change the "true" value to "false".
Known issues when embedding join via browser
Below are some known issues when you use [zoom_join_via_browser iframe="yes"] shortcode to embed your meeting into your site. Please note that these issues are not fixable at the moment so, if you are facing these issues - please avoid using [zoom_join_via_browser iframe="yes"]
- Cannot fullscreen the meeting window.
- Delay in voice.
- Delay in video.
- Delay in screen sharing.
- Echo in sound.
- Cannot go into gallery view mode.