Self video isn't showing in safari

hemant1 · July 25, 2022, 4:58am

Description
Hello,

We have integrated zoom video sdk for our application. We have realised that in Safari, the self video element is not able to render. We are only able to see the other person’s video. Same code is working in Chrome browser. Can you please let us know why this restriction is here or are we doing something wrong? The meeting sdk is supporting it very well but not video sdk.

Thank you

Browser Console Error
The Video Element do not appear at all.

Which Web Video SDK version?
V1.3.0

Video SDK Code Snippets

To Reproduce(If applicable)
Steps to reproduce the behavior:

Join the meeting on SAFARI on MAC.
Self video do not render.

Screenshots

Device (please complete the following information):

Device: iMac, Intel
OS: macOS Monterey
Browser: SAFARI
Browser Version: 15.5

tommy · July 27, 2022, 7:17pm

Hey @hemant1 ,

Is this with the Video SDK Web Sample App, or your own implementation?

If it is your own implementation, can you please share your JavaScript and HTML code as it relates to the Video SDK?

In the meantime, here are the docs on how to render self view with Web Video SDK:

Thanks,
Tommy

hemant1 · July 29, 2022, 12:10pm

Hello @Tommy ,

We are using the Video SDK Web Sample App only. Sample app is working fine in Chrome but unable to show self video in Safari. We have tried Gallery View and Speaker View both. The self video is not appearing in both the cases.

We have seen in documentation about browser compatibility “Zoom Video SDK for Web” that “Render Multiple Videos” is shown as NOT SUPPORTED in Safari and Firefox. Is this about the self video or something else?

In our code “isSupportOffscreenCanvas” method is returning false, that’s why the self video is not appearing at all.

I am attaching screenshots of browser compatibility and code to understand easily.

Can you please let me know if Zoom Video SDK supports SELF VIDEO in SAFARI browser or not?

hemant1 · July 29, 2022, 12:17pm

Hello @Tommy ,

We are using the Video SDK Web Sample App only. Sample app is working fine in Chrome but unable to show self video in Safari. We have tried Gallery View and Speaker View both. The self video is not appearing in both the cases.

We have seen in documentation about browser compatibility that “Render Multiple Videos” is shown as NOT SUPPORTED in Safari and Firefox. Is this about the self video or something else?

In our code “isSupportOffscreenCanvas” method is returning false, that’s why the self video is not appearing at all.

I am attaching screenshots of browser compatibility and code to understand easily.

Can you please let me know if Zoom Video SDK supports SELF VIDEO in SAFARI browser or not?

tommy · July 29, 2022, 4:02pm

Hey @hemant1 ,

Thanks for the clarification!

Self view is still supported in Safari and Firefox, meaning you can accomplish this view:

It could be a sample app bug. Here is the code I used and the guides for rendering self view:

https://marketplace.zoom.us/docs/sdk/video/web/essential/video#to-render-your-own-video-on-the-page-as-a-self-view

github.com

tommygaessler/vsdktest/blob/master/scripts.js#L68


      
          zmStream = zmClient.getMediaStream()
          
          console.log(zmClient.getSessionInfo())
          
          if(zmClient.getAllUser().length > 2) {
            document.querySelector('#error').style.display = 'block'
            document.querySelector('#error').textContent = 'Session full.'
            setTimeout(() => {
              leaveSession()
            }, 1000)
          } else {
            document.querySelector('#session').style.display = 'flex'
            document.querySelector('#landing').style.display = 'none'
          
            if(zmClient.getAllUser().length > 1) {
              document.querySelector('#participant-name').textContent = zmClient.getAllUser()[1].displayName
          
              if(zmClient.getAllUser()[1].bVideoOn) {
                zmStream.renderVideo(document.querySelector('#participant-canvas'), zmClient.getAllUser()[1].userId, 1920, 1080, 0, 0, 3).then(() => {
                  document.querySelector('#participant-canvas').style.display = 'block'
                  document.querySelector('#participant-name').style.display = 'none'

Let me know if that helps.

Thanks,
Tommy

system · August 29, 2022, 2:03am

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.

Topic		Replies	Views
Self video not rendering safari browser in mac? Web video-sdk	2	128	April 14, 2024
Self Video is not rendering on safari browser Web video-sdk	7	488	June 24, 2023
Self video screen does not appear while using Web client SDK v1.9.7 Web	7	1982	September 17, 2021
Self-view video is not visible in IOS devices Web video-sdk	4	649	January 21, 2023
startVideo not working on HTMLVideoElement Web	4	449	November 27, 2022

Self video isn't showing in safari

Related Topics