Creating a Slide Sync Experience

In this topic you will learn how to create a Slide Sync Experience.

The Slide Sync Experience displays a video and related PDF in a side by side view. As the video plays, the pages in the PDF will change to correspond to what is being presented in the video. All video interactivity will also display.

Creating a new experience

Follow these steps to create a new Slide Sync Experience:

  1. Login to Video Cloud Studio.
  2. Open the Interactivity module.
  3. In the left navigation, click Experiences > All experiences.
  4. Click New Experience.
  5. Enter an Experience name.
  6. In the list of experience types, click Slide Sync.
  7. Choose a layout.
  8. Click Next .
  9. Select one or more projects to add to the experience.
  10. Click Next .
  11. Confirm the experience settings and then click Create.
  12. Confirm that the Annotation Editor opens with the first selected video displayed. All videos in the experience will be displayed below the preview player.
  13. Add PDF slides to the experience by dragging a file into the drop zone or by clicking anywhere in drop zone and browsing to select a file.
    • The slides must be in PDF format
    • The first page in the PDF will appear and sync to the 0 second point in the video

Syncing slides

To sync the slides with the video, follow these steps:

  1. Play video to the point where the slide should change.
  2. Use the arrow icons below the PDF preview to navigate to the page to display for the corresponding place in the video.
  3. Click the Sync button below the PDF preview to sync the PDF with the current place in the video.
  4. (Optional) To add a chapter marker at the same time as the slide change, click the chapter marker icon after syncing a slide, add the chapter title and then click Done.
  5. Repeat these steps until all slides are synced for the video.
As the PDF is synced with the video, a list of all syncs will appear at the bottom of the Annotation Editor. These will appear as time triggered actions. To replace the PDF, click Replace PDF.

Changing the size ratio of the video and slides

To change the size ratio of the video and the slides, follow these steps:

  1. Add a time triggered action to the video.
  2. For the Addon Type, enter slider.
  3. For the Command, enter change.
  4. Click ADD NEW next to Command Data.
  5. For the Key, enter newValue and for the Value, enter the percent of the width that the video should consume
  6. Click Submit.

Adding other annotations

Other annotations can be added to the video the same way you would add them to any other interactive video project.

Adding more videos and slides

  1. To add another video, click Add project to add more projects.
  2. Select additional videos.
  3. Click Apply.

Embedding and previewing an experience

In order to display an experience inside of a web page or application, embed code must be generated. You can also share a preview link or generate a dedicated landing page for an experience. For information, see Generating Embed Code for an Experience.

Configuring experience settings

The experience settings can be used to change the experience title, tags and to control the behavior of the experience. For information, see Creating and Managing Experiences.