universal media server audio out of sync

Let sourceBuffer = mediaSource.addSourceBuffer(mediaRecorder. Video.src = URL.createObjectURL(mediaSource) Let video = document.createElement('video') Get the mixed sources drawn to the canvas Everything works perfectly for the most part, but when I try viewing things with higher bitrates or higher quality audio it’s always out of sync by half a second or more. The MediaStream itself does not seem to fall out of sync, but after reading it into a MediaRecorder and buffering it into a video element the audio will always seem to play much earlier than the video Here's the code that seems to have the issue: let stream = new MediaStream() I have a media server on a dedicated home theater PC and use my LG UM7300PUA hardwired with its built in Plex app. Another example might be to synchronize the layers of a layered audio codec, where the same RTCP CNAME has to be used for each layer. I am taking a MediaStream and merging two separate tracks (video and audio) using a canvas and the WebAudio API. A common example of such use occurs when lip-syncing audio and video streams in a multimedia session, where a single participant has to use the same RTCP CNAME for its audio RTP session and for its video RTP session.

Universal media server audio out of sync