Question

我可能有错误的措辞，但我所做的是使用以下jQuery库来实现使用HTML5和webRTC的QR阅读器。

我有一个模态，当模态关闭时，我希望能够停止使用网络摄像头，并停止尝试解释QR码。

所以我尝试了这段代码中列出的一些内容：

$("#qrReader_modal").on('hidden', function(){ 
    // Pausing the actual video element
    $("#html5_qrcode_video").pause();

    // Removing all elements in the div the qr reader was attached to
    $("#reader").empty();
});

然而，两者都不起作用。

在第一种情况下，它继续使用我的相机，图书馆继续尝试读取QR码。

在第二种情况下，div被正确清空，但是库会开始抛出读取错误，网络摄像头仍在尝试捕获视频。

我会使用unbind函数，但我没有使用bind来附加html5_qrcode_reader。见这里：

$("#reader").html5_qrcode(function(data){...});

所以我的问题是从$（“＃reader”）div中删除html5_qrcode的正确方法是什么

Answer 1

您必须调用html5_qrcode_stop()功能，关闭计时器。请参阅实施https://github.com/dwa012/html5-qrcode/blob/master/src/html5-qrcode.js#L70

从div中删除jQuery对象

1 个答案: