Image Settings

In some scenes, you can easily change the images and videos on the panels installed in the scene from the management screen.

Open the Settings Screen

1. Sign in to your account on the CYZY SPACE management screen. (For how to sign in to your account, see here)

2. Click View Detailed Settings for the room you want to change.

3. Select the Image Settings tab.

4. A list of items that can be replaced with images according to the specified scene will be displayed.

Update Method

There are two ways to set images and videos.

1. Upload a file
2. Specify a reference

Upload a File

Upload the file to the CYZY SPACE dedicated server.

The data size is up to 10MB. Suitable for small file sizes.
For the size of each media, please refer to Space Design Template (Scene) Detailed Information List (PDF).

1. Click the Upload button.
2. A file selection dialog will be displayed, select any file.
   • The following formats are supported, but only image files can be previewed in this window:
     • png
     • jpeg
     • gif
     • mov
     • mp4
     • pdf

Click Reset to Default to delete the uploaded image and display the standard image. Note that the reference settings will also be cleared.

Specify a Reference

Specify a file published on another web server. The file will not be uploaded to the server. Suitable for setting large files or streaming videos.

1. Click Select File Type and select the format. The selectable formats are:
   • Video (MP4)
   • PDF
   • Web Page
2. Enter the URL of the file.
   • Example: https://example.com/movie.mp4
3. Click Update.

Click Reset to Default to clear the reference settings. Note that the uploaded image will also be deleted.

important

The images and video files set above can be accessed by anyone as long as they know the URL.

Please be careful not to set files that should not be made public. If you want to share private files in a private room, we also offer plans to set up a dedicated server.

Also, some files, such as PDFs with complex functions, web pages, and videos, may not be displayed depending on the content and size of the file. Please upload and check the operation first.

Specify a Link

For images with the "Set URL for Link Button" field on the image settings page, you can set a link button to display another page from within the VR space.

1. Enter the URL of the link.
2. Click Set Link.

The settings will be reflected in the following locations.

"Open Link" Button When Hovering Over the Cursor

*Not displayed on panels displaying PDFs/videos.

Menu Displayed When Hovering While Pressing the Space Key

Displayed on smartphones when "double-tapped".

"Link" When Enlarging the Image/Video

important

If "popup blocking" is enabled in the user's browser, link movement by this function may not be possible. Please note that it is enabled by default on iPhone/iPad.

For more details, please refer to this guide.
(FAQ > I can't open the page by pressing the button labeled "Open Link" on iPhone)

Check in the Room

• The changes will be reflected in the actual room a few minutes after changing the settings.
• To confirm the reflection, you need to reload the browser or re-enter the room.

Note

Large files such as videos and PDFs may not be reflected in the room immediately.

important

The above explanation is the method for setting images, etc., from the easy management screen of CYZY SPACE. If you want to display many images and links in the space, please refer to the following.

Display Links in a Popup

When clicking the "open link" button, the link URL can be displayed on the window displaying the VR space instead of a new window.
*In the basic plan, this function is available only for some domains.

1. When setting "Use External File > Web Page" or "Set URL for Link Button", add the query parameter popupView to the URL.

Note

You need to follow the general web formatting rules for adding query parameters to URLs.

[Example 1] Add ?popupView to a URL without query parameters
https://cyzyspace.io/ >> https://cyzyspace.io/?popupView

[Example 2] Add &popupView to a URL with existing query parameters
https://cyzyspace.io/?ref=vrspace >> https://cyzyspace.io/?ref=vrspace&popupView

2. After setting, inform the management office of the URL you want to display in a popup. (For dedicated server users) (Just setting it from the management screen will not display it due to security.)

*In the basic plan, the available domains are limited. However, the following domains are allowed by default and can be used.

• YouTube (https://www.youtube.com/ https://youtu.be/)
• Google Drive (https://drive.google.com/)
• Google Docs services such as Documents and Spreadsheets (https://docs.google.com/)
• Vimeo (https://vimeo.com/ https://player.vimeo.com/)

3. After the management office completes the settings, the popup display will be available.

important

If the response header "X-Frame-Options" is set on the web server of the display destination, this function cannot be used.

How to Add and Display Image Objects in the VR Space

1. Enter the VR space (as an avatar).

Note

Objects cannot be added in viewing mode (lobby).

2. Select "Place" at the bottom of the screen and choose "Upload" from the menu.

3. In the screen that appears, upload a file or enter a link URL.

4. The object will be displayed, and you can move the object by dragging while moving the avatar.

5. When entering a URL, a button to open the URL link in the browser will be displayed when tapped.

6. Press the space key on the object to display the detailed operation menu.

7. You can resize and pin the image from the menu.
8. Once the position and size of the object are determined, be sure to "pin" it.

important

If you do not pin it, the object will disappear after a certain period. (Pinning can only be done by users logged in with an email address.)

Note

The Sketchfab integration feature is standard in the open-source system, so we do not guarantee the operation of the objects used. Please use it at your own risk.