Overlay image/text on html 5 input type camera

See more:

Javascript

jQuery

HTML5

Hi All,

I am using HTML 5 input type controls to take capture,

<input type="file" id="take-picture" accept="image/*" style="position:absolute;top:-50;left:-50;">

Using this I am able to see camera and able to take capture, but I want to show an text or an image on top of camera live feed, How to do that ?

Is it possible to show the camera live in a div control area in HTML page?

Thanks in advance for your suggestions.
If there is any solution please share ASAP.

--Avinash