Play music and audio on your screens

A sound file can be an item in a playlist, just like a photo or a video. Upload your café's morning music as an MP3 and the screen plays it. On its own, the screen shows a simple "now playing" card. Put it in a corner of a layout and it plays under your menu pictures, with no card at all.

This guide covers uploading audio, a playlist of music, background music in a layout zone, muting, and which players play which files. Use music you have the rights to play in public.

Before you start

Upload your audio

  1. Choose Content in the sidebar and press Add content.
  2. Drop your sound files on Upload files, or press browse and pick them. Audio uploads the same way as photos and videos, with the same size limit.
The ScreenTinker Content Library with five items. Two are audio files with a music note in place of a picture: Lunch jazz.m4a, labelled AUDIO, 00:30, Unused, and Morning playlist.mp3, labelled AUDIO, 00:40, in 2 playlists. The other three are menu pictures.
Audio files show a music note and their length. Pick Audio in the type list to see only sound files.

Make a music playlist

  1. Open Playlists and open a playlist, or press + New Playlist.
  2. Press + Add Content. Your audio files are in the list with their type and length, for example "audio/mpeg · 0:41". Press Add next to each one you want.
  3. Press Publish, and put the playlist on a screen as usual. See Content and playlists.
The Add Content to Playlist window over the Background music playlist. The Content tab lists three PNG pictures and two audio files: Lunch jazz.m4a, audio/mp4, 0:30, and Morning playlist.mp3, audio/mpeg, 0:41, each with an Add button.
Audio files are added to a playlist the same way as pictures.

An audio item plays to the end of the file, then the playlist moves on, the same as a video. Its Duration starts as the file's length. If a playlist holds just one item and it is an audio file, the screen plays it again and again until you change the playlist. To loop one song, give it a playlist of its own.

When the whole screen is playing music, it shows a dark card with a music note and the file's name, without the ending such as ".mp3". Name your files the way you want them to appear.

A screen showing a dark grey card with a music note in the middle and the words Morning playlist underneath.
The web player while it plays Morning playlist.mp3 full screen.

You can mix sound files with pictures in one playlist, but while an audio item plays, the card is all people see. For music under your pictures, use a layout zone.

Background music under your pictures

A layout splits the screen into zones, and each zone plays its own items on its own timer. Give the music a zone of its own and it plays while the other zones show your menu. In a zone, an audio item shows no picture: the zone shows only its background colour, so it can be small.

  1. Open Layouts and make a layout with a zone for the music, for example a thin strip called "Music", and a big zone for your pictures. Read Which zone is heard first: the order of the zones matters.
  2. Open the playlist, and in the Layout row pick that layout.
  3. Add the audio file with + Add Content, then set its Zone picker to the music zone. Leave your pictures in the big zone.
  4. Press Publish.
The layout editor for the layout Menu with music. The canvas has a large zone called Menu and a thin strip along the bottom called Music. The Zones list on the right shows Music first, 100% x 10%, then Menu, 100% x 90%.
A layout with a thin music strip. Music is at the top of the Zones list, so it is the layout's first zone.
The Morning menu playlist with the layout Menu with music. Three menu pictures have the zone Menu, 10 seconds each. The fourth item, Morning playlist.mp3, audio/mpeg, 41 seconds, has the zone Music.
The pictures take turns in the Menu zone while the music plays in its own zone.

A zone with just the one music item plays it over and over. A zone with several sound files plays them one after another, each to its end.

Which zone is heard

Players decide differently which zones may make sound, so two zones never fight over the speakers on the simpler ones:

On the web player, a video in the first zone has sound too, and videos in the other zones are always silent. On Tizen, videos in zones are always silent.

Mute

To silence one item without taking it out, open the screen from Screens, choose the Playlist tab, and press the speaker button on that item's row. It turns red with a cross when the item is muted; press it again to unmute.

A muted item still plays, silently, for its full length.

Which players play what

If a file can't be played, the screen skips it and carries on with the playlist. On a video wall, only one screen of the wall plays the sound.

Sound in a browser

Browsers don't let a web page start playing sound on its own. When the web player opens, it shows Tap anywhere to start. Click or tap once and it plays with sound. If nobody does, it starts after 5 seconds anyway, but muted: the music card shows and the music runs silently until someone clicks the screen.

For a screen nobody touches, use a kiosk browser that can allow sound without a tap (Fully Kiosk Browser calls it "Autoplay Audio"), and add ?autoplay_audio=1 to the player's address. The player checks that the browser really allows sound, and if it does, starts with sound by itself. If the browser refuses, the tap screen stays as before.

FAQ

The screen shows the music card but I hear nothing.

Check, in order: the TV's own volume and mute; the item's speaker button on the screen's Playlist tab; on a browser, whether anyone clicked the screen (see Sound in a browser); and on a Roku, whether the file is Ogg.

My background music is silent but the pictures play.

The music is probably in a zone your player doesn't hear. On the web player and Tizen it must be the layout's first zone; on Roku, the largest. See Which zone is heard.

Does an emergency alert stop the music?

Yes. An emergency alert replaces the screen's playlist, music included, and the playlist comes back when the alert ends.

Try it on your own screens

Start a 14-day Pro trial on hosted ScreenTinker: up to 15 screens, every feature, no credit card.

Start your free trial

Or host it yourself, free and open source: self-hosting guide · GitHub