[Web Client] ZoomMtg.updateVirtualBackgroundList resulting in broken images

Meeting SDK Type and Version

  • Web SDK, version 3.7.0

Description
Calls to updateVirtualBackgroundList result in broken images in the choose background modal (See image below). No error message in the console. Calls to ZoomMtg.getVirtualBackgroundStatus() show the correct URLs in the vbList property. I have tried various permutations of this including relative URLs and fully qualified URLs, as well as calling the ZoomMtg.updateVirtualBackgroundList() method at various points in the meeting lifecycle, all with no success

How To Reproduce

  1. Join a meeting with the web meeting sdk client view
  2. Invoke the following, with the template strings baseURLToImage and imageFileName replaced below.
const virtualBackgroundList: VbImageInfoType[] = [
  {
    id: "example",
    displayName: "example",
    url: "{baseURLToImage}",
    fileName: "{imageFileName}",
  }
]

ZoomMtg.updateVirtualBackgroundList({
      vbList: virtualBackgroundList,
      success: (d: unknown) => {
        console.log(d);
      },
      error: (error: Error) => {
        console.error(error);
      },
    });
  1. Attempt to set your virtual background