div 위로 캔버스 요소 : 웹캠 사진 캡처

Question

jquery 및 jQuery webcam plugin을 사용하여 다음과 같은 동작을 만들고 싶습니다. 버튼을 클릭 한 후 .webcam 개체를 일부 div에 첨부해야합니다. 다른 버튼을 클릭하면 그림이 캡처되어 div 위쪽에있는 캔버스에 그려집니다. 사용자는 이미지가 얼어 붙은 것처럼 보일 것입니다. 그런 다음 카메라 사용을 위해 플래시 opopup 창에서 accept을 다시 클릭 할 필요없이 찍은 사진을 제거하는 세 번째 단추가 있어야하며 비디오 스트림이 다시 표시됩니다.

저는 div 위쪽에 캔버스를 배치하는 방법을 알고 있지만 작동하지만 플래시 객체가 div에 연결되자 마자 앞에있는 캔버스가 숨겨진 것처럼 보입니다. $("div").hide()으로 전화하면 그림이있는 캔버스가 표시되지만 $("div").show()은 카메라 사용 권한을 다시 요청합니다.

(이 jQuery 플러그인을 해킹하지 않고)이 문제를 해결하는 가장 좋은 방법은 무엇입니까?

편집

하나를 해결하는 방법은이 숨겨져 야 동안 1x1px하기 위해 DIV의 크기를 설정하는 것입니다. 그러나 이것은 가장 우아한 솔루션이 아닙니다 ...

Answer 1

here을 참조하고 wmode 매개 변수를 추가하십시오. 스트리밍 요소가 정적 이미지로 덮여있는 배경이되는 것과 같은 원리입니다.

<param name="wmode" value="transparent">