PhotoCam

PhotoCam is an input component to take photos with the webcam and send them to the backend model.

Documentation
<h:form>
    <h:panelGrid columns="3" cellpadding="5">
        <p:photoCam widgetVar="pc" listener="#{photoCamView.oncapture}" update="photo" />
        <p:commandButton type="button" value="Capture" onclick="PF('pc').capture()"/>
        <p:outputPanel id="photo">
            <p:graphicImage name="demo/images/photocam/#{photoCamView.filename}.jpeg" rendered="#{not empty photoCamView.filename}"/>
        </p:outputPanel>
    </h:panelGrid>
</h:form>

FREE THEMES

Built-in component themes created by the PrimeFaces Theme Designer.

nova-light Nova-Light
nova-dark Nova-Dark
nova-colored Nova-Colored
luna-blue Luna-Blue
luna-amber Luna-Amber
luna-green Luna-Green
luna-pink Luna-Pink
omega Omega

PREMIUM TEMPLATES

Create awesome applications in no time using the premium templates and impress your users.