Turn your existing images, videos, or Loom recordings into an interactive demo.
- voiceover: In this walkthrough, you’ll learn how to use Create with Agent to turn existing images, videos, or Loom recordings into an interactive demo. - audio: https://cdn.layerpath.com/cmbaqb5fv00hrl807k7az708m/cmrncu0dl000204l17q6d84og/cmtd16mxx000105jr5y7j4ox8.mp3 - voice: XrExE9yKIg1WjnnlVkGX - voiceover metadata: status=ready source=ai language=en tone=Product walkthrough 1. step_01 [image] - Choose Create with Agent to get started. - source type: IMAGE - target: (754.3561643835615, 319.9726027397263), rect: top=269.0136986301374 left=399.287671232877 width=355.0684931506845 height=101.9178082191777 - hotspots: 1 - cmrncu0fa000404l115uo9fwu-hotspot-0 (754.3561643835615, 319.9726027397263), rect: top=269.0136986301374 left=399.287671232877 width=355.0684931506845 height=101.9178082191777 style=STYLE2 label="Choose Create with Agent to get started." - dimensions: 1920x1080 @1x - layout: 1 (full) fit=cover - voiceover: Start by selecting Create with Agent. This lets you create an interactive demo from content you already have. - audio: https://cdn.layerpath.com/cmbaqb5fv00hrl807k7az708m/cmrncu0dl000204l17q6d84og/cmtd16va1000305jratwf26il.mp3 - voice: XrExE9yKIg1WjnnlVkGX - voiceover metadata: status=ready source=ai language=en tone=Product walkthrough - image: https://cdn.layerpath.com/cmbaqb5fv00hrl807k7az708m/cmr4xfwtu0001l804fqu4jvfk/cmrmhm4w200003b7x1nk1bzxs.png - rendered still: https://remotionlambda-useast1-gwa3o300a7.s3.us-east-1.amazonaws.com/slide-stills/cmrncu0fa000404l115uo9fwu/1b94779551d866a0.jpg - thumbnail: https://remotionlambda-useast1-gwa3o300a7.s3.us-east-1.amazonaws.com/slide-stills/cmrncu0fa000404l115uo9fwu/1b94779551d866a0.jpg 2. step_02 [image] - Select Upload from Device to add images or videos from your computer. - source type: IMAGE - target: (813.5616438356163, 816.8219178082192), rect: top=752.7123287671232 left=532.4657534246566 width=281.0958904109598 height=128.2191780821921 - hotspots: 1 - cmrncu0fb000m04l1eti334rg-hotspot-0 (813.5616438356163, 816.8219178082192), rect: top=752.7123287671232 left=532.4657534246566 width=281.0958904109598 height=128.2191780821921 style=STYLE2 label="Select Upload from Device to add images or videos from your computer." - dimensions: 1920x1080 @1x - layout: 1 (full) fit=cover - voiceover: If your images or videos are saved on your computer, choose Upload from Device to add them to your demo. - audio: https://cdn.layerpath.com/cmbaqb5fv00hrl807k7az708m/cmrncu0dl000204l17q6d84og/cmtd17edj000304la6do7dxot.mp3 - voice: XrExE9yKIg1WjnnlVkGX - voiceover metadata: status=ready source=ai language=en tone=Product walkthrough - image: https://cdn.layerpath.com/cmbaqb5fv00hrl807k7az708m/cmrnaqrly000004ju0y7m99f0/cmrnb11f300003b7xdswxatkr.png - rendered still: https://remotionlambda-useast1-gwa3o300a7.s3.us-east-1.amazonaws.com/slide-stills/cmrncu0fb000m04l1eti334rg/e49939a03918cc02.jpg - thumbnail: https://remotionlambda-useast1-gwa3o300a7.s3.us-east-1.amazonaws.com/slide-stills/cmrncu0fb000m04l1eti334rg/e49939a03918cc02.jpg 3. step_03 [image] - Or choose From Library to reuse images or videos already in Layerpath. - source type: IMAGE - target: (1100.54794520548, 814.9305006920516), rect: top=750.8209116509556 left=819.4520547945201 width=281.0958904109598 height=128.2191780821921 - hotspots: 1 - cmrncu0fb000o04l16hv09yhu-hotspot-0 (1100.54794520548, 814.9305006920516), rect: top=750.8209116509556 left=819.4520547945201 width=281.0958904109598 height=128.2191780821921 style=STYLE2 label="Or choose From Library to reuse images or videos already in Layerpath." - dimensions: 1920x1080 @1x - layout: 1 (full) fit=cover - voiceover: You can also choose from your Layerpath library to reuse media you’ve already uploaded. - audio: https://cdn.layerpath.com/cmbaqb5fv00hrl807k7az708m/cmrncu0dl000204l17q6d84og/cmtd184ql000104jr7o746c3r.mp3 - voice: XrExE9yKIg1WjnnlVkGX - voiceover metadata: status=ready source=ai language=en tone=Product walkthrough - image: https://cdn.layerpath.com/cmbaqb5fv00hrl807k7az708m/cmrnaqrly000004ju0y7m99f0/cmrnb11f300003b7xdswxatkr.png - rendered still: https://remotionlambda-useast1-gwa3o300a7.s3.us-east-1.amazonaws.com/slide-stills/cmrncu0fb000o04l16hv09yhu/18cdb779aeaed8a2.jpg - thumbnail: https://remotionlambda-useast1-gwa3o300a7.s3.us-east-1.amazonaws.com/slide-stills/cmrncu0fb000o04l16hv09yhu/18cdb779aeaed8a2.jpg 4. step_04 [image] - Select Import Loom to create a demo from a Loom recording. - source type: IMAGE - target: (1389.681803473197, 818.7133349243867), rect: top=754.6037458832907 left=1108.585913062237 width=281.0958904109598 height=128.2191780821921 - hotspots: 1 - cmrncu0fb000j04l1aop6eh6h-hotspot-0 (1389.681803473197, 818.7133349243867), rect: top=754.6037458832907 left=1108.585913062237 width=281.0958904109598 height=128.2191780821921 style=STYLE2 label="Select Import Loom to create a demo from a Loom recording." - dimensions: 1920x1080 @1x - layout: 1 (full) fit=cover - voiceover: For this walkthrough, we’ll import a Loom recording and use it as the source for our demo. - audio: https://cdn.layerpath.com/cmbaqb5fv00hrl807k7az708m/cmrncu0dl000204l17q6d84og/cmtd18g84000304jrb18qblgr.mp3 - voice: XrExE9yKIg1WjnnlVkGX - voiceover metadata: status=ready source=ai language=en tone=Product walkthrough - image: https://cdn.layerpath.com/cmbaqb5fv00hrl807k7az708m/cmrnaqrly000004ju0y7m99f0/cmrnb11f300003b7xdswxatkr.png - rendered still: https://remotionlambda-useast1-gwa3o300a7.s3.us-east-1.amazonaws.com/slide-stills/cmrncu0fb000j04l1aop6eh6h/b4600890e85b1d0b.jpg - thumbnail: https://remotionlambda-useast1-gwa3o300a7.s3.us-east-1.amazonaws.com/slide-stills/cmrncu0fb000j04l1aop6eh6h/b4600890e85b1d0b.jpg 5. step_05 [image] - Paste your Loom share link, then click Send to import the recording. - source type: IMAGE - target: (1396.543307086614, 890.2538905077804), rect: top=840.1974703949394 left=534.811023622048 width=861.7322834645662 height=100.1128402256821 - hotspots: 1 - cmrncu0fb000p04l1gwq5f8vk-hotspot-0 (1396.543307086614, 890.2538905077804), rect: top=840.1974703949394 left=534.811023622048 width=861.7322834645662 height=100.1128402256821 style=STYLE2 label="Paste your Loom share link, then click Send to import the recording." - dimensions: 1920x1080 @1x - layout: 1 (full) fit=cover - voiceover: Paste your Loom share link and click Send. Layerpath will import the recording so Agent can analyze the workflow. - audio: https://cdn.layerpath.com/cmbaqb5fv00hrl807k7az708m/cmrncu0dl000204l17q6d84og/cmtd18v8p000504la3s0hbm4n.mp3 - voice: XrExE9yKIg1WjnnlVkGX - voiceover metadata: status=ready source=ai language=en tone=Product walkthrough - image: https://cdn.layerpath.com/cmbaqb5fv00hrl807k7az708m/cmrnaqrly000004ju0y7m99f0/cmrnbgtw500013b7xgnusa2kl.png - rendered still: https://remotionlambda-useast1-gwa3o300a7.s3.us-east-1.amazonaws.com/slide-stills/cmrncu0fb000p04l1gwq5f8vk/e2f5425108f78c67.jpg - thumbnail: https://remotionlambda-useast1-gwa3o300a7.s3.us-east-1.amazonaws.com/slide-stills/cmrncu0fb000p04l1gwq5f8vk/e2f5425108f78c67.jpg 6. step_06 [image] - Describe what you want the demo to showcase, or start with an example prompt. - source type: IMAGE - target: (1481.661417322832, 451.660280653894), rect: top=310.81583896501 left=440.4015748031497 width=1041.259842519682 height=281.688883377768 - hotspots: 1 - cmrncu0fb000s04l10s5fhw8x-hotspot-0 (1481.661417322832, 451.660280653894), rect: top=310.81583896501 left=440.4015748031497 width=1041.259842519682 height=281.688883377768 style=STYLE2 label="Describe what you want the demo to showcase, or start with an example prompt." - dimensions: 1920x1080 @1x - layout: 1 (full) fit=cover - voiceover: Tell Agent what you want the demo to focus on. This helps it understand which parts of the recording are most important for your walkthrough. - audio: https://cdn.layerpath.com/cmbaqb5fv00hrl807k7az708m/cmrncu0dl000204l17q6d84og/cmtd19csl000504jrh8ma60eo.mp3 - voice: XrExE9yKIg1WjnnlVkGX - voiceover metadata: status=ready source=ai language=en tone=Product walkthrough - image: https://cdn.layerpath.com/cmbaqb5fv00hrl807k7az708m/cmrnaqrly000004ju0y7m99f0/cmrnccllq00023b7xoh017bjy.png - rendered still: https://remotionlambda-useast1-gwa3o300a7.s3.us-east-1.amazonaws.com/slide-stills/cmrncu0fb000s04l10s5fhw8x/f332c5d13549207f.jpg - thumbnail: https://remotionlambda-useast1-gwa3o300a7.s3.us-east-1.amazonaws.com/slide-stills/cmrncu0fb000s04l10s5fhw8x/f332c5d13549207f.jpg 7. step_07 [image] - Open Advanced options to customize how your demo is generated. - source type: IMAGE - target: (1470.236220472442, 624.6632246689148), rect: top=450.2684378884735 left=449.7637795275575 width=1020.472440944885 height=348.7895735608826 - hotspots: 1 - cmrncu0fb000t04l130d8adiy-hotspot-0 (1470.236220472442, 624.6632246689148), rect: top=450.2684378884735 left=449.7637795275575 width=1020.472440944885 height=348.7895735608826 style=STYLE2 label="Open Advanced options to customize how your demo is generated." - dimensions: 1920x1080 @1x - layout: 1 (full) fit=cover - voiceover: Use Advanced options to adjust the available generation settings before Agent creates your demo. - audio: https://cdn.layerpath.com/cmbaqb5fv00hrl807k7az708m/cmrncu0dl000204l17q6d84og/cmtd1a1vn000104lde5ha9ohj.mp3 - voice: XrExE9yKIg1WjnnlVkGX - voiceover metadata: status=ready source=ai language=en tone=Product walkthrough - image: https://cdn.layerpath.com/cmbaqb5fv00hrl807k7az708m/cmrnaqrly000004ju0y7m99f0/cmrnccllq00033b7xyev3nu9f.png - rendered still: https://remotionlambda-useast1-gwa3o300a7.s3.us-east-1.amazonaws.com/slide-stills/cmrncu0fb000t04l130d8adiy/66b01b9b591108bc.jpg - thumbnail: https://remotionlambda-useast1-gwa3o300a7.s3.us-east-1.amazonaws.com/slide-stills/cmrncu0fb000t04l130d8adiy/66b01b9b591108bc.jpg 8. step_08 [image] - Click Send to generate your interactive demo. - source type: IMAGE - target: (1420.547945205479, 511.1506849315069), rect: top=511.1506849315069 left=1420.547945205479 width=150 height=48 - hotspots: 1 - cmrncu0fb000r04l1bkgd0ikg-hotspot-0 (1420.547945205479, 511.1506849315069), rect: top=511.1506849315069 left=1420.547945205479 width=150 height=48 style=STYLE1 label="Click Send to generate your interactive demo." - dimensions: 1920x1080 @1x - layout: 1 (full) fit=cover - voiceover: When everything looks right, click Send. Agent will analyze your content and generate the interactive demo. - audio: https://cdn.layerpath.com/cmbaqb5fv00hrl807k7az708m/cmrncu0dl000204l17q6d84og/cmtd1apod000704jr7t6vd5eh.mp3 - voice: XrExE9yKIg1WjnnlVkGX - voiceover metadata: status=ready source=ai language=en tone=Product walkthrough - image: https://cdn.layerpath.com/cmbaqb5fv00hrl807k7az708m/cmrnaqrly000004ju0y7m99f0/cmrnccllq00043b7xvfo1zbjm.png - rendered still: https://remotionlambda-useast1-gwa3o300a7.s3.us-east-1.amazonaws.com/slide-stills/cmrncu0fb000r04l1bkgd0ikg/27d3ff05f32d6450.jpg - thumbnail: https://remotionlambda-useast1-gwa3o300a7.s3.us-east-1.amazonaws.com/slide-stills/cmrncu0fb000r04l1bkgd0ikg/27d3ff05f32d6450.jpg 9. step_09 [image] - Your interactive demo is ready. Review it before sharing it with your audience. - source type: IMAGE - description: View the completed guide and begin playing the step-by-step tour. - target: (1124.265205479453, 720.892602739726), rect: top=720.892602739726 left=1124.265205479453 width=460.2739726027398 height=164.3835616438356 - hotspots: 1 - cmrncu0fb000n04l1fp048760-hotspot-0 (1124.265205479453, 720.892602739726), rect: top=720.892602739726 left=1124.265205479453 width=460.2739726027398 height=164.3835616438356 style=STYLE3 label="Your interactive demo is ready. Review it before sharing it with your audience." - dimensions: 1920x1080 @1x - layout: 1 (full) fit=cover - voiceover: Your demo is now ready to review. Check the generated steps, make any edits you need, and then publish or share it with your audience. - audio: https://cdn.layerpath.com/cmbaqb5fv00hrl807k7az708m/cmrncu0dl000204l17q6d84og/cmtd1c661000104la39393q8m.mp3 - voice: XrExE9yKIg1WjnnlVkGX - voiceover metadata: status=ready source=ai language=en tone=Product walkthrough - image: https://cdn.layerpath.com/cmbaqb5fv00hrl807k7az708m/cmqm9fhpg00043b6y6darxa8a/cmqm9fhpg00053b6y0goqcv2b.png - rendered still: https://remotionlambda-useast1-gwa3o300a7.s3.us-east-1.amazonaws.com/slide-stills/cmrncu0fb000n04l1fp048760/7f90ad815b4f0a59.jpg - thumbnail: https://remotionlambda-useast1-gwa3o300a7.s3.us-east-1.amazonaws.com/slide-stills/cmrncu0fb000n04l1fp048760/7f90ad815b4f0a59.jpg 11. [Outro] You're all set - body: Now it’s your turn. Turn your existing content into your