저는 x분마다 사용자의 이미지를 촬영하고(허가를 받아) 웹캠 HTML 요소를 사용자에게 보이지 않게 만드는 감시 시스템을 개발 중입니다.

그러나 캡처된 이미지가 Safari에서 오래된 이미지로 표시되는 경우가 있습니다. 나는 웹캠 js를 사용하여 모의 애플리케이션을 만들었고 웹캠 노드가 뷰포트에서 숨겨진 경우에만 Safari에서 이 애플리케이션을 재현할 수 있습니다.

뷰포트에서 웹캠 요소를 숨기기 위해 다음 스타일을 사용했습니다

재현 단계

사양

브라우저: Safari 버전 16.0 운영 체제: MacOS 12.6 WebcamJS: 1.0.26

• Safari에서 이 URL을 방문하세요. 데모를 위해 10초마다 이미지를 캡처하여 DOM에 렌더링합니다.
• DOM에 렌더링된 중복 이미지를 볼 수 있습니다

코드

#webcam{
  position: fixed;
  top: -10000px;
  left: -10000px;
}