Hello, I’m using the video SDK (v1.12.12) and I encountered on the latest Mac Safari that I can’t render the participant’s video, but it works fine in Chrome, Firefox, etc. in window. ‘SharedArrayBuffer’ is not enabled. I wonder what’s going on?
Looking forward to hearing from you.
sessionId: "uYlFUIjTRCqeWozphgYUng=="
Some of the cords are as follows:
handleVideoStateChange = (payload) => {
console.log("peer-video-state-change", payload)
this.getAllUsers();
if (payload.action === "Start") {
if (mediaStream && payload.userId !== currentUserInfo.userId) {
mediaStream.renderVideo(document.querySelector('#chat-participant-canvas'), payload.userId, 1920, 1080, 0, 0, VideoQuality.Video_720P).then(() => {
$("#chat-participantVideoOffIcon").hide();
}).catch((error) => {
console.log('error =>', error)
});
}
}
}
<div>
<div class="chat-self-view">
<video id="chat-self-view-video" width="1920" height="1080"></video>
<canvas id="chat-self-view-canvas" width="1920" height="1080" hidden></canvas>
<div id="chat-videoOffIcon">
<i class="fa fa-user chat-videoOff-icon"></i>
</div>
</div>
<div id="chat-user-view">
<canvas id="chat-participant-canvas" width="1920" height="1080"></canvas>
<div id="chat-participantVideoOffIcon">
<i class="fa fa-user chat-videoOff-icon" style="width: 54px;font-size: xx-large;"></i>
</div>
<span class="chatFullScreen"><span class="fa fa-expand"></span></span>
</div>
<div class="column chat-shareContainer" id="chat-shareVideoContainer">
<video id="chat-share-video" width="1920" height="1080"></video>
<span class="chatFullScreen"><span class="fa fa-expand"></span></span>
</div>
<div class="column chat-shareContainer" id="chat-shareCanvasContainer">
<canvas id="chat-share-canvas" width="1920" height="1080" ></canvas>
<span class="chatFullScreen"><span class="fa fa-expand"></span></span>
</div>
</div>