Tutorials

Have a look at our collection of Sample Apps that illustrate key Senza programming techniques and demonstrate a variety of use cases.

The following tutorials offer step-by-step instructions for building the sample apps. If you prefer to learn by watching videos, check out the Video Tutorials.

Start Here

If you follow two tutorials, it should be these ones! The first is the simplest possible example for an app that plays video in background mode, while the second shows how to integrate an existing typical video player app.

Playing Video — Seamlessly switching between web apps and streaming video
Program Guide — Shows how to integrate a full-featured program guide in just a few steps

Video

Picture in Picture — Playing multiple videos with animations
Video Tutorials — A tutorial on the video tutorials app for browsing and playing videos
Popup Ads — Show popup ad banners on top of the video at scheduled time intervals
Protected Content — Playing encrypted content by requesting a license from the Widevine server
Stream Saver — Show a screen saver video after a period of inactivity
Stopwatch — Profile the amount of time spent in foreground and background modes
Video Matrix — Displaying multiple videos tiled across one screen
Video Wall — Displaying one video tiled across multiple screens

Devices

Device Authentication — Using the client authentication flow to authorize a device and get user info
QR Code Authentication — Authorizing devices using a QR code and mobile phone
Device Gateway — Route traffic from devices to different links during development
Emergency Alerts — Sending emergency alert notifications with the Group Messaging API
Geolocation — Show content that depends upon the device's location
Voice Input — Capture voice input using a mobile phone and create images using generative AI

Remote Control

Remote Control — Adapting your website to support remote control input
Smart Remote — Pair a mobile phone and send button, gesture, text and voice input
Selecting Links — Navigating between links on a page
Grid Squares — Navigating between squares in a grid
3D Model — Adding remote navigation to a WebGL model
Board Game — Navigating between elements in a complex configuration
Text Game — Adapting a text-based adventure game

Digital Signage

Vertical Screens — Displaying your app in portrait orientation
Slideshow — Creating a multi-screen slideshow for a restaurant
Train Arrivals — Digital signage example for public transit

Lifecycle

Alarms and Messages — Using alarms and messages to wake up the browser

Mobile

Voice Input — Using voice commands from a mobile device