Bug 266749 – when I use video element to play WebRtc stream and change the video size, It can cause abnormal flickering in video rendering

• Component: WebRTC
• Status: RESOLVED CONFIGURATION CHANGED

[xht]

Created attachment 469156 [details]
Abnormal recording

// react ts code
function Test() {
  const [size, setSize] = useState(false);
  const videoRef = useRef<HTMLVideoElement>(null);
  const getCamera = async () => {
    const stream = await navigator.mediaDevices.getUserMedia({
      video: {
        facingMode: 'environment',
      },
    });
    videoRef.current.srcObject = stream;
  };

  const style = {
    width: size ? 300 : 150,
    height: size ? 300 : 150,
  };

  return (
    <div>
      <video ref={videoRef} autoPlay playsInline style={style} />
      <div>
        <button onClick={getCamera}>getCamera</button>
        <button
          onClick={() => {
            setSize(!size);
          }}
        >
          changeSize
        </button>
      </div>
    </div>
  );
}

[Radar WebKit Bug Importer]

<rdar://problem/120227468>

[youenn fablet]

This should be fixed in shipping iOS 17.2.
Please reopen otherwise.