Need to make a webcam screenshot with mask overlay on photo on Wordpress web site

Create the software to interface a web cam photo of consumer, in realist dimensions, to selection of eyewear glasses on a shopping cart. The web site being developed will be in HTML5. This app will be required to be embedded in the web site. The app to be developed will be made in HTML5 and provide the following features: Make a webcam screenshot with mask overlay on photo on which will allow eyewear glasses to be superimposed, photo captured. The proportions of the persons face and the eyewear provided per model, on the shopping cart shall be proportionate and realistic in measurements. The measurements will be required from consumers pupil to the lower end of the eyewear glasses frame. The software will have facility to be placed on a persons face and account for the persons noseie, bridge measurement, and style of eyewear to determine where the glasse/eyewear will sit. The software will be easy to navigate and control to enable a person to input information and guide them through the VTO. The development is for the core program, and design displaying a graphic that is modern cool, user friendly, and facilitate image of consumer wearing glasses, and measurement information, plus consumers prescription details recorded and filed in the cms, and fully dynamic to interface with lens supplier, when ordering/recieving lens per consumer order. There will be ongoing interaction required to achieve the necessary components of this VTO, which the approved candidate will together with myself co ordinate.