Storylane Docs
LoginStart free
  • Storylane Knowledge Base
  • Storylane Playbooks
  • Product Updates
  • 👋Welcome to Storylane
  • 🚀Quick Start Guide
  • 📸RECORDING DEMOS
    • HTML Demo
    • Screenshot Demo
    • Other Recording Options
  • 💻EDITING DEMOS
    • Editing HTML Screens
    • Editing Screenshot Screens
    • Guided Steps
      • Video Clips
      • Videos & Voiceovers
    • Chapters & Product Tour
    • Personalization
    • Sandbox Demo
    • Demo Settings
  • Demo Type Examples
  • 🎊SHARING DEMOS
    • Sharing - Overview
      • Embed
      • Share Link
      • Via Email Campaigns
        • Share via Gmail Plugin
      • Socials
      • Export GIF & Video
    • Secure Sharing
    • Conference Mode
  • 🌟AI Suite
    • Meet Lily Sales Agent
    • Create Demos with AI 🚀
      • Create & Improve with AI
      • AI Video Avatars
      • AI Voiceovers
      • AI HTML Editor
      • AI Translation
  • 🌐BUYER HUB
    • Buyer Hub Overview
    • Buyer Hub Configuration
    • Buyer Hub Analytics
  • 📈TRACKING AND ANALYSING
    • Lead Capturing
    • Lead Attribution
    • UTM Tracking
    • Account-Level Insights
    • Viewer Data Enrichment
    • Usage Tracking
      • Analyzing Demo Performance
  • 🔗Integrations
    • Integrations
      • HubSpot
        • HubSpot Lead Forms
        • Hubspot Integration Features
        • Hubspot Website Embeds
        • Storylane App for HubSpot
        • Matching HubSpot Tokens to Storylane Tokens
      • Marketo
        • Marketo Lead Forms
      • Pardot
        • Custom Pardot Form
      • Salesforce
        • Storylane App for Salesforce
      • Slack
      • FreshSales
      • Dynamics 365
      • Zapier
      • Google Tag Manager
      • Google Analytics
      • Gmail
      • Segment
      • Intercom
      • Clearbit
      • SourceForge
      • G2
      • Webhooks
      • Cross-Frame Events
      • External API
  • 🤓Account
    • Managing Demos
    • Managing Team
    • Branding
      • Custom Theme
      • Custom Domain
    • GDPR Compliance
    • SSO
    • FAQs
      • How and Why to use Cookie Tracking?
      • How to capture HTML screens from multiple tabs?
      • How to edit the background of a screen with a pop-up?
      • How to copy a chapter to a demo?
      • How to add pop-up message for non-clickable elements?
      • How to Add/Embed a Storylane Demo in a Zendesk Article
      • Customizing and Tracking Demo URL Links
      • How to combine Desktop and Mobile captures?
      • If I Cancel My Subscription, What Happens To My Demos?
      • What accessibility standards do you support?
      • Why is part of my demo cut off?
      • How to add or subtract a Date & Time token?
      • How to Install & Connect Storylane via HubSpot Marketplace?
      • How do I send data to 6Sense?
      • Lead Attribution Tracking?
      • How to record a video avatar?
      • How to rearrange folders?
      • Do I need to update my cookie policy if I use Storylane?
      • Is it possible to connect a LinkedIn tracking pixel to Storylane?
Powered by GitBook
On this page
  • Adding Video Clips
  • Editing Video Clips
  1. EDITING DEMOS
  2. Guided Steps

Video Clips

Videos can be only added to an existing screenshot demo.

PreviousGuided StepsNextVideos & Voiceovers

Last updated 15 hours ago

Videos are available on our Starter, Growth, Premium, and Enterprise plans. This feature allows you to:

  • Add video clips to your demos

  • Edit video clips

Adding Video Clips

Adding video clips to your demos is a very easy process. You can do this by following these steps to add videos to an existing demo:

  • Upload a pre-recorded video from your device.

  • Add from other demos you’ve already created.

  • Capture from extension to record a new video using the Storylane Chrome extension.

We suggest combining SHORT videos with screens to make your interactive demo even more impactful. On the other hand, adding longer videos can result in lower engagement.

Uploading the Pre-recorded Video

Once you're in the demo editor:

Step 1: Click "Add Step" in the demo editor to start adding a new step. Navigate to the "Videos" tab in the demo editor. Click the +New button to add a video.

Step 2: Choose the 'Click to Upload' option in following modal.

Step 3: Next, a drag-and-drop dialog box will open up where you can add pre-recorded videos.

To ensure an optimal experience, keep the video and image dimensions the same.

Adding a Video from Other Demos

To reuse videos from other demos:

Step 1: In the Videos tab, click +New and select "Add from other Demos."

Step 2: Choose the video from your library and click "Add".

This allows you to reuse existing videos across multiple demos without needing to upload them again.

Using the Storylane Extension to Record Videos

Step 1: Go to the URL/ screen you wish to record and click on the Storylane Chrome extension.

Step 2: Click on "Add to existing demo" to open up the list of all your saved demos. Select the one to which you wish to add the video clip.

Step 3: Now, in the same window, three new options will appear at the bottom. Click on "Add Video". This will immediately start recording all the movements and animations that happen on the said URL.

Step 4: Once you're done recording, click on the extension again and hit the "Stop Recording" button.

Storylane's video feature smartly captures only key mouse and keyboard actions, like scrolling and typing, for clutter-free, efficient demos.

Editing Video Clips

With options to trim, split, adjust audio, and control playback speed, Storylane’s video editing features make it easy to deliver polished, interactive videos that engage viewers.

  • Trim Video

  • Split Video with Hotspots

  • Add or Mute Audio

  • Control Playback Speed

Tip: Break longer videos into SHORTS to keep viewers engaged. Short videos with interactive screens make your demo more impactful and easier to follow.

Trim Video

Trim your videos to focus on the essential parts of your demo, allowing you to cut out any unnecessary segments. This keeps your message concise and impactful.

The original video stays in the video library, to be used multiple times.

Split Video with Hotspots

Turn passive viewing into an interactive experience by splitting videos at key moments and adding hotspots.

This feature lets you add breakpoints in longer videos, where Storylane automatically captures a screenshot and places a hotspot on it. This allows viewers to engage directly with specific steps or features.

🎬 Make Key Moments Stand Out Already using video in your demos? Now, there’s a quicker way to split it—just pause the video and click to insert a hotspot at the cursor. This makes highlighting important steps even easier!

For showcasing complex processes, we recommend using this feature to help viewers engage more effectively with key interactions.

Add or Mute Audio

Add audio to provide extra context in your videos and demos. If your viewers prefer a quieter experience, they can easily mute the audio. This lets you add a more personal touch to your demos while giving viewers control over their experience.

Control Playback Speed

Give viewers the option to speed up or slow down the demo to match their learning pace. Speed through familiar sections or slow down for detailed explanations. This flexibility ensures your audience can engage with your demo capturing every important detail.

💻