Customizing the HapYak Player

Customizing One Project and All Projects

The standard HapYak player includes the HapYak logo, annotation markers, skip annotation buttons and a timeline. 

To customize which of these elements appear on a project, click Settings, then check the options in the Control Bar Style section.

To customize which appear across all your projects in your group

1. Click the Group Settings Menu, and select Defaults.
2. Check the options in the Playerbar section.
3. Click Save: IMPORTANT - This will configure the player for every project in your group. You can always override the group default player settings on a specific project.

Here is a video walkthrough.

Custom Control Bar Style

Enterprise Customers, Partners and Certified Agencies can change the colors, fonts and logo on the HapYak player control bar.

Note: Requires CSS development experience.

1. Email support@hapyak.com and we'll send you back a base Control Bar CSS file that you can customize. 
2. Make edits as necessary.
3. Upload the CSS file to your server. Copy the link to it
4. Go to the project you are working on
5. Click Settings on the top right corner of the screen
6. In the text box labeled, Custom Control CSS URL, add your css url (ensure the protocol, http: or https: is removed from the url)

Note: This custom control bar CSS will completely override any other control bar styles.