Video

General:

Video overlays are one of the most common AR overlays

The selected video is playing “on top” of the trigger image in real time – so the user gets a visual effect which turns the static print media into a dynamic live experience

How to:
  • Click on the Video Icon inside the toolbar to start the upload dialogue
  • genARate offers two different options for video uploads:
    • Upload video files from your local directory
      • Only videos in mp4 format allowed
      • Maximum File size is 20MB
      • The video will be hosted on the genARate backend and loaded into your AR experience during the initial download
      • A big file size might lead to long download times in the final experience (depending on Internet connection)
    • Videos directly from YouTube
      • Copy and paste the video link directly from YouTube
      • Note: currently this only works with YouTube videos and not with other video platforms, websites or video links
      • The video will be streamed from YouTube directly during the experience, no hosting on the genARate backend needed
  • Select the desired upload option and start the upload
  • After successful upload a preview thumbnail of the video will be displayed in the scenario editor
  • Click on the thumbnail inside the scenario editor to move/position the element via drag & drop and to access the settings

 
Settings for uploaded local video files:

Name:  Select a unique name for your video element

Source: Name of uploaded source file and button to replace uploaded video “on the fly”

Size: Set individual size of video (by width and height – aspect ratio is fixed)

Position: Set individual position of video (by x and y)

Rotation: Set rotation of video (by °)

Arrange: Define hierarchy in between different content elements

Fix to Screen: Disconnects video from trigger image and fixes it to screen so it will always be shown on same position, no matter how trigger image is moved

Hidden: Makes video invisible at start of AR experience (to e.g. let it appear by a Button interaction at a later time)

Unique ID: Internal ID of content element, mostly used for referencing inside HTML fragments

Auto play: The video starts playing automatically when It appears in AR (if not, user needs to click to start)

Continue playing: Video keeps playing also when image tracking is lost (trigger image is not visible in camera view anymore), the video will be displayed centered to the screen

Show Controls: Toggle visibility of video controls

Loop Video: Toggle automatic repeat of video

Settings for YouTube video files:

Name:Select a unique name for your video element

Source: Name of uploaded source file and button to replace uploaded video “on the fly”

Size: Set individual size of video (by width and height – aspect ratio is fixed)

Position: Set individual position of video (by x and y)

Rotation: Set rotation of video (by °)

Arrange: Define hierarchy in between different content elements

Fix to Screen: Disconnects video from trigger image and fixes it to screen so it will always be shown on same position, no matter how trigger image is moved (learn more on 2.x)

Hidden: Makes video invisible at start of AR experience (to e.g. let it appear by a Button interaction at a later time)

Unique ID: Internal ID of content element, mostly used for referencing inside HTML fragments

Access YouTube video from HTML Fragment: Embedded link to YouTube video, mostly used for referencing inside HTML fragments(to e.g. let it appear by a Button interaction at a later time)

Auto play: The video starts playing automatically when It appears in AR (if not, user needs to click to start)

Continue playing: Video keeps playing also when image tracking is lost (trigger image is not visible in camera view anymore), the video will be displayed centered to the screen

Start/End: Set start/End frame of video by entering according second

Loop video: Toggle automatic repeat of video

Show Controls: Toggle visibility of video controls

Show Information: Toggle visibility of video title and header

Show related Videos:  Show related videos after video ends

Hide Branding: Removes all branding from video (note: YouTube Logo remains visible for a few seconds at the beginning)

Animations:

The explanation can be found here.

 

 

Formats & Restrictions for local video:
  • Allowed types: mp4 or Youtube link
  • File size restriction: 20MB (for mp4 videos) and not larger than 1000px
  • The recommended standard size: 480p
  • The recommended bit rate: 2.5Mbps – 4Mbps (depending on the expected connectivity of the end user.)
  • For mobile use, the best option is H.264 video codec, AAC or MP3 audio codec and .MP4 as the video container.
 
Tips & Tricks:

Please keep in mind that user has to download the video (either at once or during streaming) in order to watch it in AR. Therefore, try to keep file size and length of video as small/short as possible!

Close Menu
Close Panel