The HTML 5 video option is done in 2 steps.

The Flash fall back option is 4 steps.

Buddy Punch will take a photo of whomever is doing a punch if a webcam is installed on the computer that the employee is using. The webcam requires permission to use (we won't take photos without setup), but setup is very simple. Please note that the webcam is an optional feature. It is not required to use Buddy Punch. Support for the webcam is limited to:

1. Windows PCs, Laptops, and Phones

2. Android Tablets and Phones

3. Apple Laptops & desktops

* iPads and iPhones do NOT offer a browser with the capabilities for webcam photos. The Apple version of Google Chrome for iPads and iPhones is stripped of the video feature.

Steps for HTML 5The webcam uses a technology called HTML5 - which is supported by most, but not all web browsers. We recommend using Google Chrome or Firefox for the best experience. (Internet Explorer and Apple Safari also do not currently support the HTML5 video feature)

Step 1:

The first time an employee logs into Buddy Punch on a computer with a webcam installed, they will see the following message:

Buddy Punch is requesting access to your camera by that pop-up message that should be in the top of your browser. Some versions of Chrome or Firefox can look a little different, but they all have a top notification asking you for permission.

*** Note that if someone else did not allow access previously, your browser may be remembering that selection.  If so you'll see another icon in the browser, typically on the other end of the URL window.  Click on it to allow Buddy Punch access to the camera:


Step 2:
As soon as you click "Allow" the camera will start working and you will see your image in Buddy Punch. In Chrome you will notice a top icon in the browser showing you that the camera is on:

That's it! Your camera is now setup and will work every time; as long as you are not clearing your settings within Chrome or Firefox (such as clearing cookies). If you do, when you re-enter you will just have to again click the allow button.

Note: If you accidentally click deny the first time do not worry; log out and log back in and you will again get the prompt to accept.

Steps for Flash

Adobe Flash can be used as a backup option if your browser does not support HTML5.

You can follow these steps if you get a pop-up notification from Adobe when visiting the login page.

Follow these steps on any device you are using the QR Code feature and would like to enable pictures to be taken. Note that these steps will have to be completed for each browser you plan to use the feature with. If you are just using one browser then you just have to do this once.

Step 1: Navigate to and sign in using an employee account. You can set up a demo or dummy account to access this - the setting is global and will apply to all employees.
Step 2: After you log in you will see the following:

Step 3: If you just click "Allow" on this screen the setting will not be saved. Instead right click anywhere on this box and select "Settings."

Step 4: From here click on "Allow" and then "Remember." Then click Close.

That's it! Now your employees will have their photo taken while using this browser on this device. Note that this setting creates a "Flash Cookie." If you clear your cookies or cache on this device you will have to repeat these settings. If you switch Windows Accounts on your device you may have to complete these steps for each account, as Flash Cookies are not shared between accounts in Microsoft Windows.

Did this answer your question?