Canvas element over div: захват фото с веб-камеры - PullRequest
0 голосов
/ 05 ноября 2011

Я хочу заставить работать следующее поведение, используя jquery и плагин jQuery для веб-камеры : После нажатия кнопки объект .webcam должен быть присоединен к некоторому div. Когда я нажимаю другую кнопку, изображение захватывается и рисуется на холсте, который лежит поверх элемента div. Пользователю должно показаться, что изображение застыло. Затем должна быть третья кнопка, которая удаляет снятый снимок, и видеопоток снова отображается, без необходимости снова нажимать accept в окне всплывающего окна вспышки для использования камеры.

Я знаю, как разместить холст поверх div, и это работает, но как только объект flash прикреплен к div, кажется, что он выходит вперед, а холст скрывается за ним. Когда я звоню $("div").hide(), отображается холст с изображением, но $("div").show() запрашивает разрешение снова использовать камеру.

Каков наилучший способ решить эту проблему (возможно, без взлома этого плагина jQuery)?

Редактировать

Один из способов решить эту проблему - установить размер div на 1x1px, в то время как он должен быть скрыт. Это, впрочем, не самое элегантное решение ...

1 Ответ

1 голос
/ 05 ноября 2011

См. здесь и не забудьте добавить параметр wmode.Это тот же принцип, что ваш потоковый элемент становится фоном, покрытым статическим изображением.

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