【最佳实践】巡检项：实时音视频 (TRTC) 检查 web SDK 混流接口中的子画面布局是否超出编码输出的画面

/*
- 总输出画面大小为 1920x1080 像素
- 9 个子画面要均匀分布在总输出画面中
- 子画面之间的间距为 10 像素
- 每行显示 3 个子画面
*/
function calculateSubframePositions(totalWidth, totalHeight, subframeSpacing, subframesPerRow, subframeCount) {
  const subframeWidth = (totalWidth - (subframesPerRow - 1) * subframeSpacing) / subframesPerRow;
  const subframeHeight = (totalHeight - (Math.ceil(subframeCount / subframesPerRow) - 1) * subframeSpacing) / Math.ceil(subframeCount / subframesPerRow);
  const subframePositions = [];

  for (let i = 0; i < subframeCount; i++) {
    const row = Math.floor(i / subframesPerRow);
    const col = i % subframesPerRow;
    const x = col * (subframeWidth + subframeSpacing);
    const y = row * (subframeHeight + subframeSpacing);
    subframePositions.push({ x, y, width: subframeWidth, height: subframeHeight });
  }

  return subframePositions;
}

// 调用函数并传入参数
const subframePositions = calculateSubframePositions(1920, 1080, 10, 3, 9);