как реагировать на изображение с веб-камеры, я использовал webcam.js и определяю высоту и ширину в javascript, я пытаюсь, но захватить изображение не отвечает.
пожалуйста, помогите.
мой код JS:
function setwebcam(){
//$("#set_cam").hide();
//$("#take_photo").show();
Webcam.set({
width: 320,
height: 480,
align:'center',
image_format: 'jpeg',
jpeg_quality: 100
});
Webcam.attach( '#my_camera' );
}
function setcoord(){
$('#cropbox').Jcrop({
aspectRatio: 1,
onSelect: updateCoords
});
}
function updateCoords(c)
{
$('#x').val(c.x);
$('#y').val(c.y);
$('#w').val(c.w);
$('#h').val(c.h);
}
HTML-код:
<div class="col-lg-12" id="cap_div" style="background-color:#f9f9f9; box-shadow: 0 1px 4px #ccc;margin-bottom:95px;margin-top:20px; display:none;" >
<div class="row">
<div class="col-sm-12">
<div class="col-md-12" id="my_camera">
</div>
</div>
</div>
<h3 class="text-center" style="font-size:36px; color:#000000;">Click on captrure to get image </h3>
<hr>
<div class="row" style="z-index: 10; padding-bottom: 1em;">
<p class="text-center">
<a onClick="take_snapshot();" id="take_photo" class="browse_btn flat-button orange-flat-button btn btn-warning2 btn-lg" ><i class="fa fa-camera" aria-hidden="true"></i>
Capture </a>
<span class="visible-xs visible-sm" id="oder" style="padding:10px 0;">- or -</span>
</p>
</div>
</div>
Как я могу решить это?
Ну, а как насчет того, чтобы добавить больше деталей? Например, что вы пытаетесь достичь, как вы это делаете, какие трудности вы обнаружили с этим подходом, другие подходы, которые вы пробовали, и т. Д. Таким образом, без кода это не хороший вопрос, как и с простым кодом. Ищите баланс!
вебкамера работает нормально, но не реагирует, пожалуйста, помогите
спасибо