Плагин веб-камеры jQuery запускается и останавливается

Question

Я использую плагин JQUERY WEBCAM и хочу сделать снимок, а затем после сохранения изображения заменить на div, содержащий кадр камеры, а также, если пользователь захочет снова запустить камеру. в wpf я сделал то же самое, что когда пользователь захватывает изображение, камера останавливается, а когда он / она не согласен с изображением, он может снова запустить камеру и выполнить повторную съемку. это моя попытка..

<div class="container">


<div id="Camera"></div>
<div id="Image" style="visibility:hidden">
    <img id="the_img" width="320" height="240"/>
</div>
<input type="button" value="Capture" onclick="webcam.capture();" />

<br/>

<div>
    <select id="sel" name="sel">

    </select>
</div>

@section scripts{

    <script>

    alert("hi")

</script>
<script src="@Url.Content("~/Scripts/jquery.webcam.js")">
</script>

<script>
    $("#Camera").webcam({
         width: 320,
         height: 240,
         mode: "save",
         swffile: "@Url.Content("~/Scripts/jscam.swf")",
         onTick: function () { },
        onSave: function () {
            var src = '<%=Url.Content(Server.MapPath("~/Cam/test.jpg"))%>';
            $("#Camera").hide();
            $("#Image").show();
            $("#the_img").attr("src", src);

         },
         onCapture: function () {
             webcam.save("@Url.Content("~/Home/Capture")/");
         },
         debug: function () { },
        onLoad: function () {
            var allcams = webcam.getCameraList();
            $.each(allcams, function (i, v) {

                $("#sel").append($("<option>", {

                    value: i,
                    text: v
                }));

            });
        }
     });
</script>


}

однако вышеприведенный скрипт также имеет ошибку на imge src.