How t capture photo using webcam in mvc 4 razor

See more:

ASP.NET

Razor

MVC4

Hello Everyone,
I was trying to capture image using webcam in mvc 4 razor, i was able to capture same using jquery but having some problem in using that.
my code is below:

<script type="text/javascript">
    $(".clsCam").click(function (e) {

        webcam.set_api_url('@Url.Action("CapturePhoto", "DataExport")');
        webcam.set_swf_url('@Url.Content("~/Scripts/jpegcam/htdocs/webcam.swf")');
        webcam.set_quality(100); 
        webcam.set_shutter_sound(false, '@Url.Content("~/Scripts/jpegcam/htdocs/shutter.mp3")');
        webcam.set_hook('onComplete', 'upload_complete');

        document.write(webcam.get_html(200, 150));

        function upload() {
            webcam.freeze(); 
            webcam.upload();  
        }
        function upload_complete(response) {
            var json = jsonParse(response);
            if (json.Redirect) {
                window.location.replace(json.Redirect);
            } else if (json.Error) {
                Notifier.Error('Error', json.Error.Message);
                webcam.reset();
            } else {
                Notifier.Error('Error', 'An unknown error has occurred.');
                webcam.reset();
            }
        }
    });
</script>

but m not able to fix that webcam screen in my frame/div where i need.
Is there any other way to capture image in mvc 4 razor which can be customized as per my need.

thanking you.