Ошибка Webcam.js: веб-камера еще не загружена в модальном окне ⇐ Jquery

[Anonymous]

Вот ошибка, возникающая всякий раз, когда я нажимал кнопку камеры, чтобы сделать второй снимок.

Вот HTML-код:

Код: Выделить всё

[/i]











Take a Picture

Close







[i][/i]


[i][/i]

Вот код JS:

Код: Выделить всё

$('#camera-modal').on('show.bs.modal', function (event) {
Webcam.set({
width: 800,
height: 600,
image_format: 'jpeg',
jpeg_quality: 90
});
Webcam.set("constraints", {
facingMode: "environment"
});
Webcam.attach( '#my_camera' );

$('.btn-take').on('click', function() {
Webcam.snap( function(data_uri) {
console.log("test")
$('.all-pictures').append(''+
''+
'' +
'');
} );
$('[data-dismiss="modal"]').click();
})
})
$('#camera-modal').on('hide.bs.modal', function (event) {
console.log("MODAL CLOSED")
Webcam.reset( '#my_camera' );
});

Пожалуйста, проверьте эту скрипту прямо здесь: https://jsfiddle.net/38qdco6j/4/
Чтобы воспроизвести ошибку:

• Нажмите значок камеры.
• Сделайте снимок, нажмите значок камеры внутри модального окна.
• Повторите 1 и 2

Другой вариант:

• Нажмите значок камеры.
• Закройте модальное окно.
• Снова щелкните значок камеры.
• Сделайте снимок, щелкните значок камеры внутри модального окна.

Пожалуйста, помогите, как это исправить. Спасибо!

Подробнее здесь: https://stackoverflow.com/questions/640 ... -the-modal