Playlist
What your screens play, in order.
Drag rows (or use ↑ ↓) to change the order. Set how many seconds each photo, slide or video stays on screen, and the transition it comes in with. Leave a video's time empty to play it to the end. TVs pick up changes automatically.
TVs
Every TV that plays your playlist.
Add a TV
On the TV, open this address and install it as an app. The TV shows a QR code: scan it with your phone, or type the 6-digit code here.
TV exit PIN
TVs play full screen. To leave the player, someone at the TV must type this PIN.
Send update makes the TV load the latest playlist now and start again from the first item. Restart reloads the player on the TV. A TV shows as offline when it hasn't checked in for 90 seconds.
Templates
Each template is an XML file. Its fields become the form staff fill in; its layout is how the slide looks.
XML reference
| <template> | Root. name, width/height in px (1920×1080 landscape, 1080×1920 portrait), background, category (groups templates, e.g. Restaurants). |
| <field> | One input in the form. id, label, label-es / label-fr / label-ar (translated labels), type = text · textarea · number · url · image (photo or video) · icon, optional sample, default, required="true", maxlength. Add as many as you need. |
| <text> | Text from field (or fixed value). x y w h, size, font (any Google Font), weight, color, align, line-height, max-lines, uppercase="true", italic="true", glow (neon colour), letter-spacing, prefix, suffix. Hidden when the field is empty. |
| <image> | Photo from an image field. x y w h, fit = cover · contain, radius, optional="true" (nothing is shown when empty, e.g. a logo). |
| <rect> | Coloured box or scrim. x y w h, color (hex or rgba), radius, opacity, outline + outline-width, pattern = checker · stripes · dots with color2 and pattern-size, or gradient = vertical · horizontal · diagonal · radial from color to color2. |
| <menu> | Price list from a textarea field: one dish per line as Name | Details | Price (or Name | Price). x y w h, size, font, weight, color, price-color, price-size, desc-color, desc-size, desc-font, gap, columns, leader="dots", uppercase="false". |
| shape, rotate | On <rect> and <image>: shape = circle · pill · burst · star · ribbon · arrow · tag · slant · wave · diamond · brush. Any element can have rotate in degrees. |
| <icon> | Line icon. Fixed name, or a field of type icon so staff can pick it. x y size, color, stroke. Names: bed, bath, shower, area, elevator, chair, sofa, car, pool, garden, terrace, aircon, heating, kitchen, location, energy, stairs, key, calendar, euro, home, view, pet, phone, burger, pizza, fries, drink, coffee, chicken, dessert, leaf, chili, star, clock, delivery, cutlery, globe, icecream, instagram. |
| bullets="true" | On a <text> with a textarea field: each line becomes a bullet point. |
| <qr> | QR code from a url field. x y size, color, background. |
| Theme colours | Any color or background can be a theme word instead of a hex code: bg, ink, muted, accent, panel, panel-ink. They switch automatically between the day and night theme. |
Elements draw in order, later ones on top. All positions and sizes are in pixels of the template's own width and height, and scale to any TV.