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:
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
Post a Comment