Camera rotates horizontally when selecting virtual background

[lmtruong1512 (TruongLM)]

Description
On the Latitude 7320 Detachable running Windows 11, when using portrait mode (similar to an iPad) and switching from a normal video to a virtual background, the camera rotates horizontally.

This issue occurs in both the preview and during meeting sessions.

Additionally, in the meeting, the camera is stretched abnormally.

This is my sessionID: /Zz4K4IhSqmEqi2iJTElCA==

Browser Console Error
N/A

Which Web Video SDK version?
2.1.0

Video SDK Code Snippets

    try {
      if (imageUrl) {
        await this.localVideoTrack.start(document.querySelector('#preview-camera-canvas'), { imageUrl: imageUrl });
      } else {
        await this.localVideoTrack.start(document.querySelector('#preview-camera-video'));
      }
    } catch (error) {
      Logger.error('[VIDEO-SDK JS] Start local preview video error', error);
      throw error;
    }

To Reproduce(If applicable)

1. Open camera without virtual background
2. Rotate device to portrait mode
3. Switch to virtual background

Device (please complete the following information):

• Device: Latitude 7320 Detachable
• OS: Window 11 Pro
• Browser: Chrome
• Browser Version: 134.0.6998.89

[ticorrian.heard (Ticorrian)]

Hi @lmtruong1512 Apologies for the wait here. Can you confirm if youre still experiencing this issue? I notive you are using a canvas element in your conditional and wonder if the issue would persist if you try using the video element

[lmtruong1512 (TruongLM)]

@ticorrian.heard We tested using the video element, and the issue no longer occurs.

Thank you for your support!