genARate Studio currently supports different video types and formats. There might be special requirements for special usecases and therefore choose the type you need. To get detailed information regarding the types listed below, click on the links.

Upload video files from your local directory

Alpha video (video with transparent background)

Videos directly from YouTube

Videos directly from Vimeo


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.

Settings

ATTRIBUTES

  • 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 target image and fixes it to screen so it will always be shown on the same position, no matter how target 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

CONTENT

  • 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 (target 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

Formats & Restrictions for local video:

  • Allowed types: mp4 / Youtube / Vimeo 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.

Important: Please be aware to use baseline or main H.264 as a profile when encoding your video, as most mobile phones do not support H.264 high.


Alpha Video (=Video with transparent backgorund)

genARate allows you to use so called ‘alpha videos’ to create a hologram like AR experience.

As a source file you need an .mp4 video file which includes a monochrome background (‘chroma key’ / often blue or green). The according color can either be added digitaly or by recording the video in front of a green/blue/etc. wall.

After uploading the video to the genARate studio, the background is made transparent, so that the user can only see the parts of the video which are not in the respective color (e.g. a person in front).

The genARate Studio offers the possiblity to either show the alpha video flat on the target image or with some angle (max 90°) to make it stand out more like a real hologram.

Please note that an alpha video sometimes looks very plastic, it still is a 2D object so the video has no volume and cannot be seen from the side, top or back.

How to upload an alpha video:

  • Click on the Video Icon inside the toolbar to start the upload dialogue

  • Drop the source file or browse for it on your computer (.mp4 format, 20 MB max, see more details below)

  • Activate the check mark for ‘Alpha Video’ and upload it

Note: The genARate studio by default tries to key out green background with RGB: 26/230/51 so in case your video has some green background you already might see some transparent effects after the upload. In case it contains any other color background you need to set the value for the keying manually (see below)

Settings

ATTRIBUTES

CONTENT

  • Tilt video: You can tilt the video 45°, 60° or 90° (0° = default)

  • 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 (target image is not visible in camera view anymore), the video will be displayed centered to the screen

  • Loop Video: Toggle automatic repeat of video

  • Background color: Select the background color

ANIMATIONS

The explanation can be found here.


Videos directly from YouTube

  • Copy and paste the video link directly from YouTube

  • Note: currently this only works with YouTube and Vimeo videos and not with other video platforms, websites or video links

  • Note: 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

ATTRIBUTES

  • 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 target image and fixes it to screen so it will always be shown on the same position, no matter how target 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

  • 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)

CONTENT

  • 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 (target 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

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

  • Show related Videos: Show related videos after video ends

ANIMATIONS

The explanation can be found here.


Videos directly from Vimeo

  • Copy and paste the video link directly from Vimeo

  • The video will be streamed from Vimeo 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

ATTRIBUTES

  • 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 target image and fixes it to screen so it will always be shown on the same position, no matter how target 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

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

CONTENT

  • 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 (target 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

  • Show owner’s name: Show the name of the video the owner

  • Show video title: Toggle visibility of video title

  • Display video owner’s portrait: Toggle visibility of video owner profile picture

  • Video controls color: select the color of controls of the video

ANIMATIONS

The explanation can be found here.


Maybe interesting too:

How to work with videos in AR.Tile WonderPages.

Did this answer your question?