javascript - Webcam JS in Bootstrap Modal -


i using jhuckaby/webcamjs jquery plugin webcam.

i using bootstrap modal load webcam.

but adobe notification not auto populating in bootstrap modal.

the notification image is:

enter image description here

the notification loading when directly loading camera div without modal

jquery

 var swfurl = '@url.content("~/scripts/jscam.swf")';   $("#camera").webcam({                 width: 320,                 height: 240,                 mode: "save",                 swffile: swfurl,                 onload: function () {                     $("#submitpic").on("click", webcam.capture);                 },                 ontick: function () {                 },                 onsave: function () {                     uploadpic();                 },                 oncapture: function () {                     webcam.save(captureimagesaveurl);                 },                 debug: function () { },             }); 

html modal

<div id="mymodal" class="modal fade" role="dialog">     <div class="modal-dialog">          <!-- modal content-->         <div class="modal-content">             <div class="modal-header model-bg">                 <button type="button" class="close" data-dismiss="modal">×</button>                 <h4 class="modal-title">take picture</h4>             </div>             <div class="take-photo">                 <div style="border: 4px solid #ccc; padding: 5px">                     <div id="camera" style="height: 240px; width: 100%;"></div>                     <div class="col-lg-12">                         <center>                             <button type="button" class="btn btn-default" style="color:#fff;" id="submitpic" name="command" value="capture" onclick="clickcapture();">                                 <span class="glyphicon glyphicon-camera"></span>@resources.vmsresource.capture                             </button>                         </center>                     </div>                 </div>             </div>         </div>     </div> </div> 

button

 <div class="fileupload btn btn-primary cam-al">                                         <a href="#" style="color: #fff; text-decoration: none;" data-toggle="modal" data-target="#mymodal">                                             <img src="../images/cam.png" alt="cam" style="z-index: 9999;">                                             <span style="color: #fff;">@resources.vmsresource.takephoto</span>                                             <input type="button" id="capture" name="command" value="reset" class="upload">                                         </a>                                     </div> 

please assist me in resolving issue.


Comments