5:["$","$L10",null,{"demo":{"id":"clxatgah20ltwt2oe9v54my5b","createdAt":"2024-06-11T19:49:53.798Z","updatedAt":"2024-10-03T20:46:00.038Z","title":"Split videos into interactive demos","published":true,"color":"bg-gray-200","authorId":"clf7r5s6900giyy0h6trezsck","metadesc":"Click through a step-by-step, interactive demo walkthrough of how to convert videos into Supademo with video splitting","ctabtntext":"Create Supademo","ctabtncolor":"#29549b","ctabtntextcolor":"#fff","ctabtnlink":"https://app.supademo.com/signup","autoplay":false,"autoplayduration":3000,"autoPlayDelay":0,"showplaypause":true,"loop":false,"progressbar":true,"font":"Default","workspaceId":"clact6unl0004vybweerhfuhf","darkmode":true,"shared":true,"folderId":"cm1ae5ls702o4zna4f9q4c3pv","border":true,"nextButton":true,"showSteps":false,"globalSettings":true,"hotspotTextVisible":true,"hotspotOpacity":"60","number":null,"topBar":true,"indexable":true,"displayAuthor":true,"displayDescription":true,"showSupademoLink":true,"showCCButton":true,"archived":false,"archivedAt":null,"domainURL":"https://test2.supademo.com/edit/clx4vcv4r00018uw0u8llnqy0","brandLogo":"https://d2vsad3r6ug0tf.cloudfront.net/workspacelogos/YdJK5pZi_HISW_Dd9We08","allowDuplicate":false,"recordOwnVoice":false,"backgroundId":"cm1aduspg02kizna450v5cpku","backgroundMusicUrl":null,"backgroundMusicVolume":50,"demoSource":null,"type":"Default","fullWidth":false,"author":{"id":"clf7r5s6900giyy0h6trezsck","name":"Joseph Lee","image":"https://d2vsad3r6ug0tf.cloudfront.net/clf7r5s6900giyy0h6trezsck/7_jbZYXGfiQL5oSFVzN7K"},"steps":[{"id":"VcfHlGfsbLecKJGzwedAX","number":"1","text":"Chapter","image":null,"video":null,"createdAt":"2024-06-11T20:49:14.616Z","updatedAt":"2024-07-17T21:30:51.638Z","demoId":"clxatgah20ltwt2oe9v54my5b","imageWidth":"688","imageHeight":"0","mouseXCooridnate":"0","mouseYCooridnate":"0","editedImage":null,"widthOrg":3024,"heightOrg":1714,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":null,"trimStart":"0","trimEnd":"100","videoWidth":null,"videoHeight":null,"videoDuration":null,"audio":null,"audioText":null,"voice":null,"audioLanguage":null,"audioDuration":null,"captionsUrl":null,"zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null,"zoomHeight":null,"playbackRate":"1","mediaFitMode":"Cover","mediaAlignMode":"Center","htmlCaptureId":null,"backdrop":"None","pageUrl":null,"recordingSessionId":null,"hotspots":[],"chapter":{"id":"f_5lsaZcrjSeguXKEeQQ9","stepId":"VcfHlGfsbLecKJGzwedAX","enabled":true,"type":"Link","skip":false,"heading":"How to convert existing videos to Supademo","description":"Learn how to use video splitting to transform existing demo videos into an interactive version.","headingColor":"#fff","descriptionColor":"#fff","theme":"Dark","blurIntensity":24,"allowCompanyEmail":true,"embedCode":null,"buttons":[{"id":"9ghXam_QiAl8xGvyrKT3U","createdAt":"2024-06-11T20:49:14.640Z","updatedAt":"2024-06-11T20:50:01.240Z","chapterId":"f_5lsaZcrjSeguXKEeQQ9","content":"Explore 30 second demo","btnColor":"#017bc2","color":"#fff","linkTxt":"clxavcy4f000d13dza6zt7o40","isLinkExternal":false,"openInNewTab":true,"animation":"Ripple","order":0}],"backgroundId":null,"background":null},"comments":[]},{"id":"clxavcy4f000d13dza6zt7o40","number":"2","text":null,"image":"https://media.supademo.com/clf7r5s6900giyy0h6trezsck/JneA96i32zZdOWgPjUrZS.jpeg","video":null,"createdAt":"2024-06-11T20:43:17.056Z","updatedAt":"2024-07-17T21:30:51.638Z","demoId":"clxatgah20ltwt2oe9v54my5b","imageWidth":"688","imageHeight":"0","mouseXCooridnate":"0","mouseYCooridnate":"0","editedImage":"","widthOrg":3024,"heightOrg":1714,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":"","trimStart":"0","trimEnd":"100","videoWidth":null,"videoHeight":null,"videoDuration":null,"audio":null,"audioText":null,"voice":null,"audioLanguage":null,"audioDuration":null,"captionsUrl":null,"zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null,"zoomHeight":null,"playbackRate":"1","mediaFitMode":"Cover","mediaAlignMode":"Center","htmlCaptureId":null,"backdrop":"None","pageUrl":null,"recordingSessionId":null,"hotspots":[{"id":"FYpINKlEk2D09me-c3M55","number":null,"createdAt":"2024-06-11T20:43:29.858Z","updatedAt":"2024-06-11T21:14:49.243Z","default":false,"text":"First off, upload your desired product demo video or screen recording to Supademo.","bgcolor":"#017bc2","textcolor":"#ffffff","mouseXCooridnate":"77.84345720978061","mouseYCooridnate":"57.724283878769555","style":"Area","animation":"Pulse","isVisible":true,"boxWidth":"18.88818270109689","boxHeight":"9.259819111682161","prevslide":null,"nextslide":null,"stepId":"clxavcy4f000d13dza6zt7o40","tipposition":"left","nextButton":true,"textVisible":null,"htmlValue":null,"aiText":null,"aiTextVisible":false,"anchorNodeId":null}],"chapter":null,"comments":[]},{"id":"clxatgjku0luat2oen6h2fn7x","number":"3","text":"No content","image":null,"video":"https://media.supademo.com/clf7r5s6900giyy0h6trezsck/videos/molZ7hwsRrPVDbBWdvAqw.mp4","createdAt":"2024-06-11T19:50:05.598Z","updatedAt":"2024-07-17T21:30:51.638Z","demoId":"clxatgah20ltwt2oe9v54my5b","imageWidth":"688","imageHeight":"0","mouseXCooridnate":"0","mouseYCooridnate":"0","editedImage":null,"widthOrg":2646,"heightOrg":1499,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":null,"trimStart":"0","trimEnd":"100","videoWidth":2646,"videoHeight":1498,"videoDuration":"4.541","audio":null,"audioText":null,"voice":null,"audioLanguage":null,"audioDuration":null,"captionsUrl":null,"zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null,"zoomHeight":null,"playbackRate":"2","mediaFitMode":"Cover","mediaAlignMode":"Center","htmlCaptureId":null,"backdrop":"None","pageUrl":null,"recordingSessionId":null,"hotspots":[],"chapter":null,"comments":[]},{"id":"clxatgjhx0lu7t2oe8dc63k03","number":"4","text":"Click on \"Create step at 0:01\".","image":"https://media.supademo.com/clf7r5s6900giyy0h6trezsck/O1oZ1W-tNLZVfCY5I5CNb.jpg","video":null,"createdAt":"2024-06-11T19:50:05.493Z","updatedAt":"2024-07-17T21:30:51.638Z","demoId":"clxatgah20ltwt2oe9v54my5b","imageWidth":"688","imageHeight":"390","mouseXCooridnate":"59.68915343915344","mouseYCooridnate":"60.560093348891485","editedImage":null,"widthOrg":3024,"heightOrg":1714,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":null,"trimStart":"0","trimEnd":"100","videoWidth":null,"videoHeight":null,"videoDuration":null,"audio":null,"audioText":null,"voice":null,"audioLanguage":null,"audioDuration":null,"captionsUrl":null,"zoomPositionX":"18.67779125920121","zoomPositionY":"21.404724517274","zoomWidth":"78.73887064664888","zoomHeight":"78.595275482726","playbackRate":"1","mediaFitMode":"Cover","mediaAlignMode":"Center","htmlCaptureId":null,"backdrop":"None","pageUrl":null,"recordingSessionId":null,"hotspots":[{"id":"clxatgjhx0lu8t2oecq5xxa9s","number":"2","createdAt":"2024-06-11T19:50:05.493Z","updatedAt":"2024-06-11T21:14:49.243Z","default":false,"text":"After selecting your desired timestamp in the video, click here to create an image step at that point in time.","bgcolor":"#017bc2","textcolor":"#ffffff","mouseXCooridnate":"58.709734449208284","mouseYCooridnate":"59.139187899567936","style":"Area","animation":"Pulse","isVisible":true,"boxWidth":"11.12817070383912","boxHeight":"6.735444536820094","prevslide":null,"nextslide":null,"stepId":"clxatgjhx0lu7t2oe8dc63k03","tipposition":"bottom","nextButton":true,"textVisible":null,"htmlValue":"

","aiText":null,"aiTextVisible":false,"anchorNodeId":null}],"chapter":null,"comments":[]},{"id":"clxatgojt0lunt2oe5tfz03t2","number":"5","text":"Click on \"Edit\".","image":"https://media.supademo.com/clf7r5s6900giyy0h6trezsck/zCG_LMpU_vW5XLaQgU_2a.jpg","video":null,"createdAt":"2024-06-11T19:50:12.041Z","updatedAt":"2024-09-23T09:35:29.209Z","demoId":"clxatgah20ltwt2oe9v54my5b","imageWidth":"688","imageHeight":"390","mouseXCooridnate":"52.54629629629629","mouseYCooridnate":"65.05250875145857","editedImage":null,"widthOrg":3024,"heightOrg":1714,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":null,"trimStart":"0","trimEnd":"100","videoWidth":null,"videoHeight":null,"videoDuration":null,"audio":null,"audioText":null,"voice":null,"audioLanguage":null,"audioDuration":null,"captionsUrl":null,"zoomPositionX":"0","zoomPositionY":"23.10040132697566","zoomWidth":"70","zoomHeight":"70","playbackRate":"1","mediaFitMode":"Cover","mediaAlignMode":"Center","htmlCaptureId":null,"backdrop":"None","pageUrl":null,"recordingSessionId":null,"hotspots":[{"id":"clxatgojt0luot2oeb7jw00ad","number":"3","createdAt":"2024-06-11T19:50:12.041Z","updatedAt":"2024-06-11T21:14:49.243Z","default":false,"text":"This creates an image step between two trimmed video steps, with the:\n- 1st video ending at the chosen timestamp\n- 2nd video starting at the chosen timestamp\n","bgcolor":"#017bc2","textcolor":"#ffffff","mouseXCooridnate":"8.82218323642426","mouseYCooridnate":"58.10040132697566","style":"Area","animation":"Pulse","isVisible":true,"boxWidth":"16.81651336837294","boxHeight":"59.99294585947145","prevslide":null,"nextslide":null,"stepId":"clxatgojt0lunt2oe5tfz03t2","tipposition":"right","nextButton":true,"textVisible":null,"htmlValue":"

","aiText":null,"aiTextVisible":false,"anchorNodeId":null}],"chapter":null,"comments":[]},{"id":"fb6864wWtBRG8cVp8fhCh","number":"6","text":"Upload","image":"https://media.supademo.com/clf7r5s6900giyy0h6trezsck/zCG_LMpU_vW5XLaQgU_2a.jpg","video":null,"createdAt":"2024-06-11T20:46:50.430Z","updatedAt":"2024-09-23T09:35:32.170Z","demoId":"clxatgah20ltwt2oe9v54my5b","imageWidth":"688","imageHeight":"390","mouseXCooridnate":"0","mouseYCooridnate":"0","editedImage":"https://media.supademo.com/clf7r5s6900giyy0h6trezsck/f3XQIN4Mp6LkCgoU0gk3E.jpeg","widthOrg":3024,"heightOrg":1714,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":"{\"cropLimitToImage\":true,\"cropMinSize\":{\"width\":1,\"height\":1},\"cropMaxSize\":{\"width\":32768,\"height\":32768},\"cropAspectRatio\":null,\"flipX\":false,\"flipY\":false,\"rotation\":0,\"crop\":{\"x\":0,\"y\":0,\"width\":3024,\"height\":1714},\"colorMatrix\":null,\"convolutionMatrix\":null,\"gamma\":null,\"vignette\":null,\"redaction\":[],\"annotation\":[{\"x\":\"27.559813147062652%\",\"y\":\"7.140538434903043%\",\"width\":\"62.61829310861676%\",\"height\":\"6.52213902354571%\",\"strokeColor\":[0.36013609568278,0.6833811155992354,0.96484375,0.64],\"strokeWidth\":\"0.25%\",\"backgroundColor\":[1,1,1,0],\"cornerRadius\":\"0.5%\",\"rotation\":0,\"flipX\":false,\"flipY\":false,\"opacity\":1,\"id\":\"jdlbk2j71\",\"disableErase\":true,\"isSelected\":false,\"isEditing\":false}],\"decoration\":[],\"frame\":null,\"backgroundColor\":[0,0,0,0],\"backgroundImage\":null,\"targetSize\":null,\"metadata\":null,\"trim\":null,\"volume\":null}","trimStart":"0","trimEnd":"100","videoWidth":null,"videoHeight":null,"videoDuration":null,"audio":null,"audioText":null,"voice":null,"audioLanguage":null,"audioDuration":null,"captionsUrl":null,"zoomPositionX":"23.7047960466179","zoomPositionY":"24.25131635300934","zoomWidth":"70","zoomHeight":"70","playbackRate":"1","mediaFitMode":"Cover","mediaAlignMode":"Center","htmlCaptureId":null,"backdrop":"None","pageUrl":null,"recordingSessionId":null,"hotspots":[{"id":"7LOnAkPpcdptbGtBKKjx4","number":null,"createdAt":"2024-06-11T20:47:03.392Z","updatedAt":"2024-06-11T21:14:49.243Z","default":false,"text":"After that, simply edit and reposition the hotspot text. Or add voiceovers, chapters, animations, or dynamic variables.","bgcolor":"#017bc2","textcolor":"#ffffff","mouseXCooridnate":"58.7047960466179","mouseYCooridnate":"59.251316353009344","style":"Area","animation":"Pulse","isVisible":true,"boxWidth":"17.98089008226691","boxHeight":"20.11752701987756","prevslide":null,"nextslide":null,"stepId":"fb6864wWtBRG8cVp8fhCh","tipposition":"left","nextButton":true,"textVisible":null,"htmlValue":null,"aiText":null,"aiTextVisible":false,"anchorNodeId":null}],"chapter":null,"comments":[]},{"id":"clxatgy9m0lv1t2oekztkgxg3","number":"7","text":"Click on the element.","image":"https://media.supademo.com/clf7r5s6900giyy0h6trezsck/NC_8nDtm1Z3VGPAXqXjxR.jpg","video":null,"createdAt":"2024-06-11T19:50:24.634Z","updatedAt":"2024-07-17T21:30:51.638Z","demoId":"clxatgah20ltwt2oe9v54my5b","imageWidth":"688","imageHeight":"390","mouseXCooridnate":"11.144179894179894","mouseYCooridnate":"74.50408401400233","editedImage":null,"widthOrg":3024,"heightOrg":1714,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":null,"trimStart":"0","trimEnd":"100","videoWidth":null,"videoHeight":null,"videoDuration":null,"audio":null,"audioText":null,"voice":null,"audioLanguage":null,"audioDuration":null,"captionsUrl":null,"zoomPositionX":"0","zoomPositionY":"26.78503066041581","zoomWidth":"73.34873457495431","zoomHeight":"73.21496933958419","playbackRate":"1","mediaFitMode":"Cover","mediaAlignMode":"Center","htmlCaptureId":null,"backdrop":"None","pageUrl":null,"recordingSessionId":null,"hotspots":[{"id":"clxatgy9m0lv2t2oe0le7ggx1","number":"9","createdAt":"2024-06-11T19:50:24.634Z","updatedAt":"2024-07-17T21:32:08.061Z","default":false,"text":"Next, simply repeat this process with the next video to create additional steps. Click here to see a preview of **the final output ✨**","bgcolor":"#017bc2","textcolor":"#ffffff","mouseXCooridnate":"8.984137903777698","mouseYCooridnate":"78.78538046425804","style":"Area","animation":"Pulse","isVisible":true,"boxWidth":"16.73653164990859","boxHeight":"18.76716297583957","prevslide":null,"nextslide":null,"stepId":"clxatgy9m0lv1t2oekztkgxg3","tipposition":"right","nextButton":true,"textVisible":null,"htmlValue":"

","aiText":null,"aiTextVisible":false,"anchorNodeId":null}],"chapter":null,"comments":[]},{"id":"uw6cSWto1Va6intFBQKHv","number":"8","text":"Upload","image":null,"video":"https://vz-fbc6a52f-498.b-cdn.net/d0f9e7f0-300c-448d-a129-079ee345b853/playlist.m3u8","createdAt":"2024-07-17T21:30:51.638Z","updatedAt":"2024-07-17T21:31:40.196Z","demoId":"clxatgah20ltwt2oe9v54my5b","imageWidth":"688","imageHeight":"0","mouseXCooridnate":"0","mouseYCooridnate":"0","editedImage":null,"widthOrg":3022,"heightOrg":1888,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":null,"trimStart":"0","trimEnd":"100","videoWidth":3022,"videoHeight":1888,"videoDuration":"25.95","audio":null,"audioText":null,"voice":null,"audioLanguage":null,"audioDuration":null,"captionsUrl":null,"zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null,"zoomHeight":null,"playbackRate":"2","mediaFitMode":"Cover","mediaAlignMode":"Center","htmlCaptureId":null,"backdrop":"None","pageUrl":null,"recordingSessionId":null,"hotspots":[],"chapter":null,"comments":[]},{"id":"clxathduz0lw0t2oex0nu2wpz","number":"9","text":"Chapter","image":null,"video":null,"createdAt":"2024-06-11T19:50:44.843Z","updatedAt":"2024-07-17T21:30:51.638Z","demoId":"clxatgah20ltwt2oe9v54my5b","imageWidth":"688","imageHeight":"0","mouseXCooridnate":"0","mouseYCooridnate":"0","editedImage":null,"widthOrg":3024,"heightOrg":1714,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":null,"trimStart":"0","trimEnd":"100","videoWidth":null,"videoHeight":null,"videoDuration":null,"audio":null,"audioText":null,"voice":null,"audioLanguage":null,"audioDuration":null,"captionsUrl":null,"zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null,"zoomHeight":null,"playbackRate":"1","mediaFitMode":"Cover","mediaAlignMode":"Center","htmlCaptureId":null,"backdrop":"None","pageUrl":null,"recordingSessionId":null,"hotspots":[],"chapter":{"id":"clxathdve0lw2t2oe9nc34wui","stepId":"clxathduz0lw0t2oex0nu2wpz","enabled":true,"type":"Link","skip":false,"heading":"Create a Supademo in seconds","description":"Scale up product adoption with beautiful AI-powered interactive demos.","headingColor":"#272727","descriptionColor":"#272727","theme":"Light","blurIntensity":24,"allowCompanyEmail":true,"embedCode":null,"buttons":[{"id":"clxathdvz0lw4t2oez6dgtqou","createdAt":"2024-06-11T19:50:44.880Z","updatedAt":"2024-06-11T19:50:44.880Z","chapterId":"clxathdve0lw2t2oe9nc34wui","content":"Create a Supademo","btnColor":"#4f46e5","color":"#fff","linkTxt":"https://app.supademo.com/signup?utm_source=supademo&utm_medium=supademo&utm_campaign=supademo_cta","isLinkExternal":true,"openInNewTab":true,"animation":"Ripple","order":0}],"backgroundId":null,"background":null},"comments":[]}],"htmlEdits":[],"workspace":{"id":"clact6unl0004vybweerhfuhf","createdAt":"2022-11-11T18:04:52.018Z","updatedAt":"2025-03-13T20:40:50.391Z","name":"Supademo Main","color":"#0051c9","hotspottextcolor":"#ffffff","logo":"https://d2vsad3r6ug0tf.cloudfront.net/workspacelogos/YdJK5pZi_HISW_Dd9We08","favicon":null,"owner":"cl8ym1bmk0002vyuk7seev5q9","madein":false,"watermarkLogoUrl":"/supademo_logo_icon.svg","watermarkText":"Made with Supademo","watermarkLink":"https://supademo.com","sharepagebtntext":"Create Supademo","sharepagebtncolor":"#0051c9","sharepagebtntextcolor":"#fff","sharepagebtnlink":"https://app.supademo.com/signup","subscriptionId":"sub_1NRPdaDNBXQNFoJI6ZpJHXoR","autoplay":false,"autoplayduration":3000,"loop":false,"progressbar":true,"nextButton":true,"subDomain":"demo.superawesomedemo.com","seoIndexable":true,"seoAuthor":false,"seoDescription":false,"showSteps":false,"font":"Default","showSupademoLink":true,"hotspotNextBtn":true,"hotspotTextVisible":true,"hotspotOpacity":"100","enableCreatorsToInvite":true,"stripeId":"cus_MmaZIbBbCUyVuo","topBar":true,"darkmode":true,"plan":"Enterprise","tourSetup":true,"inTrial":false,"customDomainEnabled":false,"trackingEnabled":true,"autoJoinTeam":true,"linkViewNotifications":false,"monthlyStatsEmail":true,"invoiceEmail":true,"customDomainLandingPage":"https://app.supademo.com","isDiscounted":false,"enterpriseId":"cm0e1678d00004uaa10qwl59b","integrations":[],"chapter":{"id":"cly28sfzb0001yerrssjysdk0","createdAt":"2024-07-01T00:29:01.799Z","updatedAt":"2025-01-03T17:41:22.051Z","stepId":null,"workspaceId":"clact6unl0004vybweerhfuhf","enabled":true,"type":"Link","password":null,"skip":false,"heading":"Create a Supademo in seconds","description":"Convert more with engaging, AI interactive demos.","theme":"Light","allowCompanyEmail":true,"embedCode":null,"blurIntensity":2,"headingColor":"#272727","descriptionColor":"#272727","backgroundId":null,"buttons":[{"id":"cly28sgcw0003yerrjk0n2ri7","createdAt":"2024-07-01T00:29:02.288Z","updatedAt":"2024-07-01T00:29:02.288Z","chapterId":"cly28sfzb0001yerrssjysdk0","content":"Create a Supademo","btnColor":"#0051c9","color":"#fff","linkTxt":"https://app.supademo.com/signup?utm_source=supademo&utm_medium=supademo&utm_campaign=supademo_cta","isLinkExternal":true,"openInNewTab":true,"animation":null,"order":0}],"background":{"id":"cm2dj6hlq0001rruaoklwcnv0","createdAt":"2024-10-17T16:44:10.524Z","updatedAt":"2024-11-12T21:39:05.202Z","type":"Url","value":"url(\"https://media.supademo.com/demo-backgrounds/clact6unl0004vybweerhfuhf/zVDRmW8KGdgu9XqmYu_Vp.jpg\")","workspaceId":"clact6unl0004vybweerhfuhf","demoId":null,"chapterId":"cly28sfzb0001yerrssjysdk0"}}},"background":{"id":"cm1aduspg02kizna450v5cpku","createdAt":"2024-09-20T07:12:06.101Z","updatedAt":"2024-09-20T07:12:06.101Z","type":"Url","value":"url(\"https://media.supademo.com/demo-backgrounds/clact6unl0004vybweerhfuhf/Vu6U2_Mwlf49aK8buBzPT.png\")","workspaceId":"clact6unl0004vybweerhfuhf","demoId":"clxatgah20ltwt2oe9v54my5b","chapterId":null},"translatedTexts":[]},"variables":[]}]