{
  "version": 1,
  "mode": "walkthrough",
  "title": "Smoke demo",
  "slug": "smoke-demo",
  "startUrl": "data:text/html,%3C!doctype%20html%3E%3Chtml%3E%3Cbody%20style%3D%22font-family%3AArial%3Bpadding%3A40px%3Bbackground%3A%23f3f6fb%22%3E%3Ch1%3ESmoke%20Demo%3C%2Fh1%3E%3Cp%20id%3D%22status%22%3Eready%3C%2Fp%3E%3Cbutton%20id%3D%22cta%22%20onclick%3D%22document.getElementById('status').textContent%3D'clicked'%22%3EStart%3C%2Fbutton%3E%3Cdiv%20style%3D%22margin-top%3A20px%22%3E%3Cinput%20id%3D%22name%22%20placeholder%3D%22Name%22%3E%3Cbutton%20id%3D%22submit%22%20onclick%3D%22document.getElementById('status').textContent%3D'submitted%3A'%2Bdocument.getElementById('name').value%22%3ESubmit%3C%2Fbutton%3E%3C%2Fdiv%3E%3C%2Fbody%3E%3C%2Fhtml%3E",
  "aspect": "16:9",
  "recordBackend": "auto",
  "voice": {
    "provider": "none",
    "model": "speaches-ai/Kokoro-82M-v1.0-ONNX",
    "voice": "af_heart",
    "speed": 1,
    "voiceId": "",
    "referenceAudio": ""
  },
  "export": {
    "fps": 30,
    "resolution": "1920x1080",
    "width": 1920,
    "height": 1080,
    "outputName": "final.mp4"
  },
  "scenes": [
    {
      "id": "scene-01",
      "title": "Wait for `#cta`",
      "goal": "wait for `#cta`",
      "focusTarget": "#cta",
      "zoomStyle": "gentle",
      "callout": "wait for `#cta`",
      "voiceover": "wait for `#cta`",
      "pauseMs": 900,
      "actions": [
        {
          "type": "goto",
          "url": "data:text/html,%3C!doctype%20html%3E%3Chtml%3E%3Cbody%20style%3D%22font-family%3AArial%3Bpadding%3A40px%3Bbackground%3A%23f3f6fb%22%3E%3Ch1%3ESmoke%20Demo%3C%2Fh1%3E%3Cp%20id%3D%22status%22%3Eready%3C%2Fp%3E%3Cbutton%20id%3D%22cta%22%20onclick%3D%22document.getElementById('status').textContent%3D'clicked'%22%3EStart%3C%2Fbutton%3E%3Cdiv%20style%3D%22margin-top%3A20px%22%3E%3Cinput%20id%3D%22name%22%20placeholder%3D%22Name%22%3E%3Cbutton%20id%3D%22submit%22%20onclick%3D%22document.getElementById('status').textContent%3D'submitted%3A'%2Bdocument.getElementById('name').value%22%3ESubmit%3C%2Fbutton%3E%3C%2Fdiv%3E%3C%2Fbody%3E%3C%2Fhtml%3E"
        },
        {
          "type": "wait",
          "selector": "#cta"
        }
      ]
    },
    {
      "id": "scene-02",
      "title": "Click `#cta`",
      "goal": "click `#cta`",
      "focusTarget": "#cta",
      "zoomStyle": "auto",
      "callout": "click `#cta`",
      "voiceover": "click `#cta`",
      "pauseMs": 900,
      "actions": [
        {
          "type": "click",
          "selector": "#cta"
        }
      ]
    },
    {
      "id": "scene-03",
      "title": "Type \"Ada\" into `#name`",
      "goal": "type \"Ada\" into `#name`",
      "focusTarget": "#name",
      "zoomStyle": "auto",
      "callout": "type \"Ada\" into `#name`",
      "voiceover": "type \"Ada\" into `#name`",
      "pauseMs": 900,
      "actions": [
        {
          "type": "fill",
          "selector": "#name",
          "value": "Ada"
        }
      ]
    },
    {
      "id": "scene-04",
      "title": "Click `#submit`",
      "goal": "click `#submit`",
      "focusTarget": "#submit",
      "zoomStyle": "auto",
      "callout": "click `#submit`",
      "voiceover": "click `#submit`",
      "pauseMs": 900,
      "actions": [
        {
          "type": "click",
          "selector": "#submit"
        }
      ]
    }
  ]
}