Voomly: Interaction - Add Image To Your Video

TABLE OF CONTENTS

• Access Video Drive and Select a Video
• Access Image/Image Annotation Settings
  • Add Image Annotations To Your Video
  • Add Image To Your Video
• Adjustments In the Timeline
• Troubleshoot
  • Duplicate Image Not Showing In Video
  • Cannot Access Image Or Annotation Settings
  • Can't Move Annotation Image

Access Video Drive and Select a Video

1. Go to the video drive.

2. Select the video you want to add images to.

Access Image/Image Annotation Settings

1. Under the player settings on the left-hand side, navigate to interactions.
2. There are two ways to add images to your video.
   • Image Annotation
   • Image

Add Image Annotations To Your Video

1. Click on the image annotation icon and drag it into your timeline. 

2. Click on the image annotation in the timeline (it will be highlighted in blue) to access image annotation settings on the right side of your screen.

3. In the image annotation settings, you have several customization options.

   • Duplicate

   • Delete

   • Add label

   • Action on click

     • Do nothing

     • Dismiss: Annotation image will disappear

     • Open URL

     • Close video (for modal)

   • Upload image from your desktop

     • Click the garbage can icon beside the image to delete and re-add a new one.

   • Adjust image opacity using the slider.

   • In the video, adjust the image size by dragging the image smaller and larger.

4. Save your changes.

Add Image To Your Video

1. Click on the image icon and drag it into your timeline. 
2. Click on the image in the timeline (it will be highlighted in blue) to access image settings on the right side of your screen.
3. In the image settings, you have several customization options.
   • Duplicate
   • Delete
   • Add label
   • Action 
     • On click
       • Do nothing
       • Unpause video
       • Open URL
       • Close video (for modal)
     • Open URL in a new tab
     • Pause video
     • Dim background
     • Keep ratio
   • Adjust image opacity
   • Upload image from your desktop
     • Click the garbage can icon beside the image to delete and re-add a new one.
   • In the video, adjust the image size by dragging the image smaller and larger.

4. Save your changes.

Adjustments In the Timeline

• Move the playhead (yellow/orange color line) in the timeline so that it is on top of your image or annotation to preview it in the video. 
• Drag image and annotations box to adjust their placement on the timeline.
• Customize the duration by shortening or lengthening the image and annotation.

Troubleshoot

• Duplicate Image Not Showing In Video

  • In the video, drag one image away and the other image will be underneath.

• Cannot Access Image Or Annotation Settings

  • In the timeline, click on the image/annotation and the settings will appear on the right. 
  • It can also help to drag the playhead (orange line in the timeline) on top of the item you wish to work on.

• Can't Move Annotation Image

  • There are no options to move the annotation image on the video. If you want to move the image, I suggest using the image interaction.