All Collections
1.2 Creating Content: Apps
Custom Apps
Using the TelemetryTV SDK
Using the TelemetryTV SDK

How to create and display custom content using HTML, Javascript and CSS with TelemetryTV's SDK

Kelli avatar
Written by Kelli
Updated over a week ago

TelemetryTV's Software Development Kit (SDK) allows you to create custom content with your own custom code written in HTML, Javascript and CSS. This feature allows you the freedom to deploy almost anything you want on your digital signage displays if your desired outcome is not supported by one of our native apps or features.

In this article, you'll learn about the two methods within our platform where you can leverage TelemetryTV's SDK:

  1. Webapp

  2. HTML Overlay

Are you a developer? Click here for our technical documentation on using Webapps & Overlays.

Webapp

Our Webapp allows you to input custom code to create custom content.

To get started, simply navigate to Webapps on the left hand taskbar and click Create:

From there, you can configure the properties of your app, including the name, icon and source:

🚨 Click here for information on using Git has your Webapp source!

Lastly, paste your custom HTML code into the Webapp field and click Save. You can view and edit your code using the code tab, as well as preview your completed Webapp using the preview tab.

Once your app is created, you can add it to a playlist the same as you would any other app.

HTML Overlay

The second method you can use to deploy custom code is the HTML Overlay. This method applies a custom overlay template on an entire playlist.

For example, you could deploy an interactive menu overlay on a playlist, or add a Spotify playback as a soundtrack to your playlist using the HTML Overlay feature.

To create an HTML Overlay:

  • Open your Playlist

  • Click the Overlays tab

  • Toggle on "Show HTML Overlay", and enter your code!

Use Cases

Still not sure how the Webapps / Overlays can be used? Here's a few possible use cases to help you get creative.

  • Add a Spotify playback of music to a playlist.

  • Create custom overlay templates.

  • Have custom kiosk functionality that controls the playlist, such as an interactive menu overlay.

  • Create reactive content that reacts to the device, page or playlist properties or geographic coordinates.

  • Create completely custom visualization and zone content to do whatever you want. If we don't have it, no problem. Just paste in some HTML, Javascript and CSS.

  • Embed an iFrame of your web application

The character limit for the Webapp / Overlay is 500,000 characters.

Ready to get started? Check out our technical documentation for more info.

Did this answer your question?