How to use the MediaPlayer Set on STYLY Studio

This article provides an overview of the “Mediaplayer Set” asset group allowing users to view still images and videos in VR/AR.

This view can be useful for videos or presentations inside the scene.

Mediaplayer Set Operating Environment

 
VR AR
Web
Steam
Vive Port
Standalone
Mobile
Nreal
Mobile
Pico Neo 3 Vive Flow Quest2 DayDream
MediaPlayer Set ?

Location of the Asset

Here is where you can find the Mediaplayer Set:

Assetsアイコンをクリック

First, select the “Asset” icon


Curatedをクリック

Then, select “Curated”


Mediaplayer Set

Mediaplayer Set

MediaPlayer_AutoPlay_SlideShow

This medium-sized asset allows you to upload up to eight still images as a slideshow.

MediaPlayer_AutoPlay_SlideShow

MediaPlayer_AutoPlay_SlideShow

The slideshow will play automatically depending on the settings, but you can also view it manually.

MediaPlayer_AutoPlay_SlideShow

MediaPlayer_AutoPlay_SlideShow

Customizable properties

Image files

You can upload up to eight image files.

Drag and drop or click inside the dotted line to upload the images from your computer.

Image Files

Image Files

If you wish to include more than eight  images, you must first remove an image. 

To remove an image, click on the “X” in the upper right corner of any image, then upload a new one.

最大8枚アップロード可能

You can upload up to eight images

Slide show switching waiting time

You can set the speed per image between 0 and 60 seconds.

If set to 0, the slide show will stop.

Loop setting

The Loop setting allows you to loop the slide show.

If set to 0, the slide show will not loop.

Thumbnail load distance

Using this feature, you can guide the user’s eye by loading an image when they come to a specific distance.

You can set the value between 3 and 30.

Slide show playback start distance

This feature allows you to set the distance when the slide show plays.

Set it to a value smaller than the “slide show stop distance” (between 2 and 30).

Slide show stop distance

This feature allows you to set the distance when to stop the slide show.

Set it to a value greater than the “slide show playback start distance” (between 3 and 31).

When all the settings are complete, click the “ADD TO SCENE” button in the upper right corner to apply them to the scene.

MediaPlayer_AutoPlayVideoPanel

This medium-sized panel automatically plays a video when approached and allows the user to watch the video.

MediaPlayer_AutoPlayVideoPanel

MediaPlayer_AutoPlayVideoPanel


MediaPlayer_AutoPlayVideoPanel

MediaPlayer_AutoPlayVideoPanel

Customizable properties

Thumbnail

Upload a thumbnail by drag and drop or click inside the dotted line.

We recommend a JPG format of 100KB.

thumbnail

Thumbnail

Video

Upload a video by drag and drop or click inside the dotted line.

We recommend an MP4 format under 100MB.

Video

Video

Videos volume

You can set the video volume to a value above 0.

Thumbnail loading start distance

You can set the loading start time for thumbnails between 1 and 100 seconds.

Video playback distance

This feature allows you to set the distance for video playback.

Set it to a value smaller than the “thumbnail loading start distance” or the “video stop distance” (between 1 and 99).

Video stop distance

This feature allows you to set the distance when the video playback stops.

Set it to a value greater than the “video playback distance” (between 1 and 100).

MediaPlayer_EquipToPlay_360Image

This medium-sized asset enables you to add a 360-degree still image to your scene.

This asset is removable.

MediaPlayer_EquipToPlay_360Image

MediaPlayer_EquipToPlay_360Image


MediaPlayer_EquipToPlay_360Image

MediaPlayer_EquipToPlay_360Image

Customizable properties

Spherical image

Upload an image by drag and drop or click inside the dotted line.

If it takes too long to load, replace the image with a smaller JPG.

 
Spherical image

Spherical image

MediaPlayer_EquipToPlay_360Video

This medium-sized asset enables you to add a 360-degree still image to your scene.

This asset is removable.

 

MediaPlayer_EquipToPlay_360Video

MediaPlayer_EquipToPlay_360Video


MediaPlayer_EquipToPlay_360Video

MediaPlayer_EquipToPlay_360Video

Customizable properties

Thumbnail of spherical image

Upload an image by drag and drop or click inside the dotted line.

If it takes too long to load, replace the image with a smaller JPG.

Thumbnail of spherical image

Thumbnail of spherical image

 

Spherical video

Upload a video by drag and drop or click inside the dotted line.

We recommend an MP4 format under 100MB.

Spherical video

Spherical video

Example Scenes using the MediaPlayer Set

Preview example scenes below:

 

Things to Consider when Using Assets

If you use image assets at 500KB or more in a scene, the scene data will become very large.

Please note that the system may crash due to a lack of memory, especially in environments such as Mobile, Web, and StandaloneVR.

Solutions

  • Keep the file size as small as possible
    • Without transparency: approx. 100KB in JPG format
    • With transparency: 400KB or less in PNG format
  • Resolution settings
    • 1920×1080px is sufficient
  • Combining multiple images into a single image