I am using webcam for live snap, i am not getting image name

Any body help me to get file name, i am using webcam

my code is

 <div class="row"><label class="col-xs-2">Take Image<span style='color:red;'>*</span></label><div class="col-xs-4">
<table class="main">
        <tr>
            <td valign="top">
                <div class="border">
                Live Webcam<br>
                <script>
                document.write( webcam.get_html(304, 214) );
                </script>
                </div>
                <br/><input id="snap" name="snap" type="button" class="snap" value="SNAP IT" onClick="take_snapshot()">
            </td>
            <td width="50">&nbsp;</td>
            <td valign="top">
                <div id="upload_results" class="border">
                    Snapshot<br>
<?php /*?>                    <img width="300px" height="230px" src="<?php echo $image; ?>" />
<?php */?>                   <!-- <img src="logo.jpg" />-->
                </div>
            </td>
        </tr>
    </table> </div></div> <br>
    <!-- image start -->

         <div class="row">
        <label class="col-xs-2">Original Image</label>
            <div class="col-xs-3">
<div class="fileinput fileinput-new" data-provides="fileinput">
<div class="fileinput-new thumbnail" style="width: 200px; height: 150px;">


<img src="webcam/<?php echo $origfilename; ?>" style="width:190px; height:150px;" alt="image" />
</div>
<div class="fileinput-preview fileinput-exists thumbnail" style="max-width: 200px; max-height: 150px;">
</div>
<div>
<span class="btn default btn-file">
<!--<span class="fileinput-new">
Select image
</span>-->
<span class="fileinput-exists">
Change
</span>
<input type="file" name="userfile" id="userfile">
</span>
<a href="#" class="btn default fileinput-exists" data-dismiss="fileinput">
Remove
</a>
</div>
</div>

</div>
</div>