<aside> <img src="/icons/chat_yellow.svg" alt="/icons/chat_yellow.svg" width="40px" /> The Handy Universal UI (UUI) is a simple way to get Handy synchronization, a connection interface, and a control panel on your website.

</aside>

Overview

The Handy UI takes care of all the visual design and connection logic necessary to integrate the Handy with your website. The Handy UI is part of the Handy SDK and is intended to simplify Handy integration for developers and to make the Handy connection flow consistent for the users.

Untitled

<aside> 💡 You can see a live integration of the Handy UI at HandyFeeling and in the Handyverse app (iOS/Android).

</aside>

Features

The Handy UI enables developers to quickly and easily get the Handy integrated with their video content. The Handy UI has the following features:

Using the Handy SDK
Customizable parameters
Responsive design
Error handling

Specifically, it takes care of:

Connection key input
Connection failure and reconnection logic
Connection state changes
Firmware version and latency information
Providing controls to manage sync delay and stroke length

Integration

The Handy UI is packaged into a small button with a Handy-branded logo. It is designed to have minimum visual impact on the content of the website it is being integrated into. For the user, the Handy UI is meant to provide an indication that a video has a Handy-compatible script, as well as a common connection interface for users who visit several video partners.

The Handy UI is built on top of our SDK and includes methods for synchronizing your videos with the Handy. The SDK can be used to handle the synchronization logic ⁠— without the Handy UI ⁠— if you require a customized frontend for your application.