Edit Mode

Edit mode allows you to add or modify any asset in a world where you are the owner or an administrator. To turn on Edit Mode, click the Edit toggle on the toolbar. When turned on, the toggle will show a check mark highlighted in teal.

Embed Audio Into Your World

A fun way of livening up your Topia world is to add music, sounds, or even a livestream to an asset. Whether you want to hear a gentle rainstorm by a stream or a live DJ playing on a stage, this will help you set the mood.

🎧 Adding Audio and Video to an Asset

You can add the audio from pre-recorded Youtube videos and live-streaming audio from sources like YouTube Live, Twitch, and Icecast.

Once an asset is placed in a world, you can add sound by doing the following:

  • Make sure Edit Mode is on and the Edit toggle on the toolbar is teal.

  • Hover your cursor over the asset and click the pencil icon that appears above it

  • Click Edit from the drop down menu to open the Modify Asset drawer

  • Click Media

  • On the Media page, Select either Audio (Link) or Video (Link). If you select Video (Link) it will show the video as one of the peer video boxes when guests approach the asset.

  • Use Audio Volume and Audio Radius to adjust the sound level and the distance you want the sound to cover

  • To sync the audio for everyone, regardless of when they get to the asset, select Sync Media

  • Add the link of the YouTube video, Twitch stream, or streaming media in the field labeled Media Link. If you are adding live video, give the video a name under Video Link Title, this name will appear under the video stream.

📻 Other Audio Options

  • For direct audio streaming, you can use software like OBS Studio to first stream to Twitch or YouTube, and then add the media link from there.

  • To play an entire Youtube playlist:

    • Add the following url and replace the “xxxxxxxxxxxxxxxxxx-xxxxxxxxx” with the unique code found at the very end of the YouTube playlist’s share link.

youtube.com/embed/videoseries?list=xxxxxxxxxxxxxxxxxx-xxxxxxxxx

  • For media saved on Dropbox:

    • On Dropbox click Share. Create then copy the link.

    • Modify the link by removing the "dl=0" at the very end of the link and replace it with "raw=1"

Syncing Media

For media links, you can ensure that the media is synced across all guests in your world. To enable sync media, choose an asset, open the edit page, click media, and then toggle on Sync Media and add a YouTube link.


Embed Video Into Your World

From video slideshows to independent short films, adding video is a great way to make your Topia world more fun. Video links can be added to objects, making them clickable or they can be embedded into special video player assets.

🎞 Adding Media to a Video Screen

With a paid subscription to the Community plan, you can upload your own .mp4 videos into a video player within Topia. To add a video to a video player in your world, follow these simple steps:

  • Open the Topia Assets and filter the results for the category: Video Player

  • Choose a video screen and drop it into your world

  • Once placed, hover your cursor over the asset and click the pencil icon that appears above it.

  • Click Edit from the drop down menu to open the Modify Asset drawer

  • Click Media

  • On the Media page, select Video (Uploaded)

  • Use Audio Volume and Audio Radius to adjust the sound level and the distance you want the sound to cover

  • Under Upload Video Media, enter a title for the video, choose the file, and press Upload .mp4

After the upload is complete, the file will be added to the uploaded media table below. You can choose which video to add to the video player using the toggle in the row. Once the video player is in your world, it will start immediately and playback will be synced for everyone.

📺 Adding YouTube, Vimeo, or Twitch as an embedded iframe

Once an asset is placed in a world, you can easily make it a clickable object that opens a YouTube, Vimeo, or Twitch video by doing the following:

  • Toggle on Edit Mode

  • Hover over the asset and click the pencil icon

  • Click Edit from the drop down menu to open the Modify Asset drawer

  • Click Links

  • On the Links page, under select Open a website link

  • In the link field, enter the one of the following urls and modify as described below:

YouTube:

https://youtube.com/watch_popup?v=xxxxxxxxx

Vimeo:

https://player.vimeo.com/video/xxxxxxxxx

Vimeo showcase:

https://vimeo.com/album/xxxxxxxxx/embed/

Twitch:

https://player.twitch.tv/?channel=xxxxxxxxx&parent=topia.io

  • Replace the “xxxxxxxxx” with the unique code found at the very end of your video’s url or the name of the Twitch stream.

  • Enter a name for the video under Web Link Title. This name will appear at the top of the video.

Now, when a guest in the world clicks on the object, an embedded iframe of the video will appear. If the video is live-streaming, it will be synced for all who are viewing it.


Create a Mute Zone

Create a silent area within your world where everyone who enters the space is automatically muted when they enter that zone.

Whether you are hosting a lecture, a meditation, or a musical performance -- there are plenty of occasions where you may want to minimize distractions or interruptions by encouraging silence from guests in a specific area of your world.

🔇 Mute Zone

A Mute Zone is an area that you can designate in a world. When a guest walks into a Mute Zone, their microphone will be automatically muted. Once in the area, the user won’t have the ability to unmute their mic.

A Mute Zone, like media & links, can be attached to an object within your world. Here's how to add a Mute Zone to your world:

  • Make sure Edit Mode is on and the Edit toggle on the toolbar is teal

  • Hover your cursor over the asset and click on the pencil icon

  • Click Edit from the drop down menu to open the Modify Asset drawer

  • Click Media.

  • On the Media page, use Audio Radius to adjust the area you want the mute zone to cover

  • Then click the toggle under Mute Zone to turn it on.

  • Collapse the page by clicking the button in the top right corner or close the page and drawer by clicking on the “x” in the drawer.

If someone is set to broadcast their audio will not be impacted by the Mute Zone and they will still be heard by others.


Create Clickable Assets in Your World

Make your world more immersive with website links, portals, teleporting, and embedded websites, images, or PDFs.

Every asset in your world can be clickable to make your Topia experience more immersive. Clicking on an asset can open a website (embed or in a new tab), portal to another Topia world, open an image or pdf, or teleport within the same world.


External Link

Create more engagement by adding a website link to an asset. The link will either open in an embedded iframe within Topia or in another browser tab depending on whether the website allows website embeds.

Follow these simple steps:

  • Make sure Edit Mode is on and the Edit toggle on the toolbar is teal.

  • Hover over the asset and click the pencil icon

  • Click Edit from the drop down menu to open the Modify Asset drawer

  • Click Links

  • On the Links page, select Open a website link

  • Enter the website URL under the Web Link field.

  • If you want the link to displayed in a seperate tab rather than in an embedded frame, modifying the URL:

Original URL:

https://www.example.com/

To open in another tab, remove the "s" in "https":

http://www.example.com/

  • Enter a name in the Web Link Title field. If the website allows embedding, the title will appear at the top of the website embed frame.


🖼️ Embedding an Image, Document, or PDF

Any asset can open an embedded image, document, or PDF when clicked. This can be great for creating an interactive scavenger hunt or for displaying info throughout a world.

In order to add an image, document, or PDF, the file must have a unique URL. This can be done by uploading the file to: a personal website, Google Drive, Dropbox, Imgur, AWS S3 Bucket, etc. Add the unique URL just as you would add a link to any website.

The link may need to be modified to ensure that it will embed:

on Google Drive:

  • Click Share.

  • Under Get link, ensure access to the file is changed from Restricted to Anyone with the link and then click Copy link.

on DropBox:

  • Click Share. Create then copy the link.

  • Remove the "dl=0" at the very end of the link and replace it with "raw=1"

on Imgur (images only):

  • Right click on the image and choose Open Image in New Tab.

  • Use the link from the new tab if it ends with ".png", if instead it ends in ".jpeg" or ".jpg", change it to ".png".


🌀 Add a Portal to another Topia World

Portals are a great way to connect multiple Topia worlds together. They can be used to create private meeting areas or breakout spaces that all link to a main world. You can also create more interactive experiences by adding rabbit holes through other worlds - the possibilities are endless!

  • Make sure Edit Mode is on and the Edit toggle on the toolbar is teal.

  • Hover over the asset and click the pencil icon.

  • Click Edit from the drop down menu to open the Modify Asset drawer

  • Click Links

  • On the Links page, select Portal to another world

  • In the field labeled Portal Link, enter the world URL (e.g.: https://topia.io/welcome) or simply add the url slug (e.g. /welcome)

  • If you want the portal to go to a specific location of the world instead of the world spawn point, enter the X: and Y: coordinates of the destination.

When a guest in your world clicks on the asset, a pop up will appear asking if the guest wants to travel to another world.


🛸 Adding a Teleport Link

Any asset can be made into a teleporter, allowing guests to transport themselves to another location within your world in just one click.

First, decide where you'd like the teleport to lead to and then find the coordinates of the destination. To find the coordinates, follow these steps:

  • Walk to the desired destination in your world.

  • Make sure Edit Mode is on and the Edit toggle on the toolbar is teal

  • Hover over any asset and click the pencil icon

  • Click Edit from the drop down menu to open the Modify Asset drawer

  • Click Links

  • On the Links page, select Teleport to another location in this world

  • Write down the X: and Y: coordinates listed at the bottom of the page. (e.g.: Your current position is: X= - 359, Y = 258)

Next, add teleport to an asset:

  • Walk to the asset you'd like to transform into a teleporter

  • Hover over any asset and click the pencil icon

  • Click Edit from the drop down menu to open the Modify Asset drawer

  • Click Links.

  • On the Links page select Teleport to another location in this world.

  • Enter the X: and Y: coordinates previously obtained from the destination.

Now when a person clicks on the asset, a pop up will appear asking if they want to teleport to that location in the world.

An external link can also be made that sends a person to a specific location in a world by using the following url:

topia.io/example?spawnx=xxxx&spawny=xxxx&portal=true

  • Replace 'topia.io/example' with the url of the world.

  • Then replace 'xxxx' after spawnx= and spawny= for the X: and Y: coordinates previously obtained from the destination.


🗓 Add a Timed Event or Activity

Hosting an event or series of activities in your world? Add events to the calendar within your world to make it easy for guests to see what's happening and easily navigate to the exact location of the event.

Events in Topia are linked to a specific asset / object within the world.

  • Enter your world

  • Navigate to the location within your world where you will be hosting the event or activity

  • Choose an object to attach the event (you can also place a new asset)

  • Hover over the asset and click the pencil icon

  • Click Edit from the drop down menu to open the Modify Asset drawer

  • Click Events

  • On the Events page, enter the following information about your event: title, description, start time, and end time.

  • Click Add Event


🔲 Zones

Make any placed asset a special zone, and have it become a broadcast podium or a private conversation zone within your world.

🎙️ Broadcast Podium

Turn any asset into a broadcast podium, a zone which will enable broadcast mode automatically when a guest (or designated speaker) is nearby the asset.

Creating a broadcast podium is great for Q&A talks or panel discussions where you may want many different people to be heard by everyone.

Any asset can be used as a broadcast podium, here's how:

  • Make sure Edit Mode is on and the Edit toggle on the toolbar is teal

  • Hover over any asset and click the pencil icon

  • Click Edit from the drop down menu to open the Modify Asset drawer

  • Click Zones

  • Click the toggle under Asset Broadcast. When turned on, the asset will automatically place the first guest that stands on it to Broadcast Near/Zone mode until they walk away from the asset

    • To make the podium automatically place the guest in Broadcast All, click the toggle under Broadcast All to turn it on

    • To have only a specific guest associated with the podium, enter their email under Broadcast By Email. When an email address is entered in the field, only the person designated will enter broadcast mode when they approach the asset. The email address entered must match the email address used to login to Topia.


🏢 Private Zone

Turn any asset into a private zone, creating a space with a capacity cap on the # of people who can enter. When you are in a private zone, only the people in the private zone with you can see and hear your video.

Creating this type of zone is great for having private conversations where you only want a certain number of people to see and hear you at one time

Any asset can be used as a private zone, here's how:

  • Make sure Edit Mode is on and the Edit toggle on the toolbar is teal

  • Hover over any asset and click the pencil icon

  • Click Edit from the drop down menu to open the Modify Asset drawer

  • Click Private Zones

  • Click the toggle under Asset Private Zone.

  • Enter the max number of guests allowed in the room under Private Zone Capacity. When turned on, the asset will automatically place any guests who stand in this area into a privatized conversation hidden from view until the capacity is reached.

Let guests know where the private zone is located by adding a sign. The Private Zone asset is located in the Topia Assets library.

🎤 Broadcasting in Private Zones

When you place a broadcast podium within a private zone and the podium is set to Broadcast-Nearby, guests inside the zone will have the ability to see the broadcaster regardless of their proximity to them. You can have multiple broadcasters in one zone and that zone can be very large with any number of guests. Stepping outside the zone will disconnect the broadcast.

Did this answer your question?