Canvas Play / Pause Button

General
1

Is it possible for the Play / Pause button in ‘Canvas’ mode to have a pop up that says ‘press again to confirm’ to pause playback? I do have safe mode toggled on.

2

Hey @cgbb1964,

Please excuse my late reply!

Yes, this is definitely doable with a Script button in Canvas. One thing worth clarifying: Safe Mode’s built-in pause confirmation only applies to the native transport controls in Setlist View, Performance View, and Lyrics View. Canvas buttons — including the built-in Play/Pause Button preset — work via OSC commands under the hood, and Safe Mode doesn’t apply to OSC commands. So a custom script is the right approach to get this behavior in Canvas specifically.

To achieve this, add a Button element, set its type to Script, and paste this into Script on Press:

const isPlaying = osc("/global/isPlaying");

if (!isPlaying) {
  // Not playing — start immediately, no confirmation needed
  sendOsc("/global/play");
  return;
}

// Playing — require a second press to confirm pause
const confirming = local("confirmPause", false);

if (confirming) {
  // Second press within the window — pause
  setLocal("confirmPause", false);
  sendOsc("/global/pause");
} else {
  // First press — show prompt and open a 3-second window
  setLocal("confirmPause", true);
  sendOsc("/notify/big", "all", "Tap again to pause", 3000, "yellow");
  await sleep(3000);
  setLocal("confirmPause", false);
}

How it works:

  • If Live is stopped, pressing the button plays immediately.
  • If Live is playing, the first press shows a “Tap again to pause” notification and opens a 3-second confirmation window.
  • A second press within that window pauses playback. If nothing happens, the window closes on its own.

You can also make the button change color to signal the confirmation state. Enable the Dynamic toggle under Background Color and use this template:

${local("confirmPause", false) ? "yellow-600" : osc("/global/isPlaying") ? "green-700" : "green-950"}

And for the icon:

${osc("/global/isPlaying") ? "player-pause-filled" : "player-play-filled"}

This gives you a green play/pause button that turns yellow when waiting for confirmation.

You can also see this exact pattern (double-press safe mode on a stop button) in the official scripting tutorial.

Let me know how it goes!

3

Thank you for the reply! Exploring different Canvas options has been great.

1 Like