Capturing images with photoCam

The photoCam component supports taking images with the attached camera and sending them to the JSF backend data model.

How to do it...

A simple definition for capturing an image with the photoCam component would be as follows:

<p:photoCam widgetVar="pc" listener="#{photoCamController.onCapture}" update="capturedImage"/>

<p:graphicImage id="capturedImage" value="#{photoCamController.capturedImage}" />update="capturedImage"/>

<p:commandButton type="button" value="Capture" onclick="pc.capture()"/>

How it works...

The captured image is triggered via the client-side JavaScript method capture. The button declared in the preceding sample invokes the capture method via the widget variable defined for the photoCam component. A method expression, which will be invoked when an image is captured, is bound to the listener attribute. This method will handle the image captured on the server side. A sample definition for the method is as follows:

StreamedContent...