The Studio Player | Sync by Design

Key areas and workflow

Muxer & Uploader Prepare your audio variants. Drop stereo WAV files and they will be muxed (combined) and encoded into a single multichannel streaming file.

Playlists / Player Builder Create playlists and design players.

Frontend embedding Copy and paste the shortcode [[thespl_player playlist_id="456" template="playground"]] to embed the player on pages, posts, or widgets.

To get started quickly, just

Load Sample Playlist

Prepare your audio files

Input format: Stereo WAV files 44.1 kHz / 16-bit (48 kHz / 24-bit in Pro version)* All files (variants) should start at the same point; having the same length is not important.

Mux and upload your tracks

Example: load audio files into the muxer slots:

01_MySong_V1_Demo.wav

02_MySong_V2_Mix.wav

03_MySong_V3_Master.wav

04_MySong_V4_Binaural.wav

The muxer will then sort the files (by the leading digits or characters) and suggest a file name:

mysong-8ch.flac (you can change it to your needs)

If you only load two files (variants), the suggestion might be something like mysong-4ch.flac. The muxer app will also generate a corresponding waveform* file (for example mysong-4ch.json) and upload it together with the lossless audio to the WordPress media uploads under our own directory /uploads/the-studio-player/audio.

Don’t have the right audio files handy?

Load Sample WAVs

Compose your playlist and player

The muxer lets you choose to add the uploaded audio to an existing or a new playlist.

Compose playlist

When your audio is already encoded and uploaded, open the Player Builder tab. Link your track and cover art (the waveform will be loaded automatically based on the filename) and enter description, credits, artist URL (for example to your Linktree), etc.

Design player

First choose a template, then match it to your website’s color scheme: just enter four basic colors and click “Make me a palette”. The entire player will be colorized automatically using a Material Design 2 scheme. Fine-tune the colors and save the player. Waveform visualization is available in the Pro version only. Copy the displayed shortcode, e.g. [[thespl_player playlist_id="123"]] to use the default template, or [[thespl_player playlist_id="456" template="playground"]] for a chosen template. All metadata is stored in the database – no need to write extra code here.

Place the player on a page, post, or widget

Paste the shortcode [[thespl_player playlist_id="123"]] into a page, a post, or a widget. Save and preview your site.

Enjoy your new tool!