Set Up a Touch Project

In five steps to an interactive touch application – without any programming.

A touch project makes the screen interactive: visitors browse galleries, start videos, choose languages or call up details. On the CF Player® you design this with the touch editor – graphically, without code. Here's how.

Prepare content

Gather all media (images, videos, HTML pages if needed) in a project folder. Sensible file names make linking easier later.

Open the touch editor

Start the touch editor in the player web interface and set the start screen – e.g. a menu image or an attract loop that runs while no one is operating it.

Link buttons (hotspots)

Draw touch areas over the image and link each to an action: show content, jump to another page, start a video, switch language. Arbitrarily deep menu structures are possible.

Test in the touch simulator

Check the project with the touch simulator right in the browser. The preview reproduces the player behaviour exactly – you immediately see how the application feels on screen, before any hardware is involved.

Transfer to the player

Drag the finished project onto the microSD card – or, in future, play it out centrally via the CF Player CMS.

Touch operation on the CF Player

Try the touch editor & touch simulator yourself in the browser →

Read on

Related

Create a sync project

Play content out to multiple players in sync.

To the guide

Digital signage in museums

Interactive exhibits and touch stations for exhibitions.

Learn more

All features

Touch, HTML5, DMX, sync and more at a glance.

To the features

Got an interactive project in mind?

We support concept and implementation – just get in touch.

Get in touch