Add Video or Audio

Bring your SchoolSpace World to Life with Video and Audio

Make your SchoolSpace world more immersive by adding sound or video. Need some inspiration? Check out these examples:

• Play a calming sound when students enter a zen garden space
• Add a recording of school announcements near a virtual bulletin board
• Let students click to watch a class video at their own pace

You can link to media from YouTube, Vimeo, Twitch, Dropbox, and more. SchoolSpace also supports uploading your own mp4 files or adding your own livestream.

 

---

 

Linked Media

There are two types of linked media on SchoolSpace:

• Spatial Video or Audio will start playing automatically when someone’s avatar gets close to it. Think of it like walking past a speaker in real life - you hear it when you're nearby and it fades out as you walk away.
• Click-to-Place Media doesn’t start automatically. It appears as a clickable asset and the media plays when a user clicks.

You'll find a breakdown of supported media sources and how to find the correct link to use in SchoolSpace below.

 

To Add Spatial Video or Audio:

1. Find or place the asset that will contain the media:
   • To find an existing Asset: Walk to the asset or click Assets  on the left sidebar and search the Placed Assets list.
   • To place a new Asset: Click Assets  on the left sidebar. Click the Placed Assets dropdown and change to SchoolSpace Assets. Scroll or search for an asset to use.
2. Select the Asset you want to use:
   • If you walked to the asset or placed a new asset, click Builder Mode  in the left sidebar, then click the asset to select.
   • If you searched Placed Assets, simply click on the asset in the list.
3. In the Selection menu on the right side of your browser, click Configuration → Media.
4. In the Media Type dropdown, choose Video (Link) or Audio (Link).
   
   • Use Audio (Link) if you only want the audio to play. Example: A link to a YouTube video of forest sounds will only play the audio if Audio (Link) is selected.
5. In the Link Settings section under Video Link, paste the URL for the media. See the Supported Media guide below for assistance.
6. [Optional] Add a Video Title. The title will be visible to users under the media.
7. Make adjustments as needed:
   • Adjust Volume. Use the slider or number field to increase or decrease the playback volume.
   • Choose playback Radius. This is how close the user needs to be in order for the media to play. Click the dropdown and select:
     • Close: Media will play when the user is next to the asset.
     • Medium: Media will play when the user is near the asset.
     • Far: Media will play when the user is further away.
     • Everywhere: Media will play regardless of how close the user is to the asset.
   • Toggle on Sync Media to make the media play from the same timestamp for all users who approach the asset. Note: this option is only available for YouTube links.
8. To test your media, click Builder Mode on the left sidebar or press B on your keyboard to exit Builder Mode. If needed, walk to the asset so the media starts playing. You can always choose a different Radius if you want the change the distance needed to trigger the media.

 

To Remove Spatial Video or Audio:

1. Click Builder Mode  in the left sidebar or press B on your keyboard.
2. Click the asset to open the Selection menu.
3. Click Configuration → Media.
4. In the Media Type dropdown, choose None.
5. If you want to remove the asset itself you will need to delete the asset.

 

To Add Click-to-Play Media:

1. Find or place the asset that will contain the media:
   • To find an existing Asset: Walk to the asset or click Assets  on the left sidebar and search the Placed Assets list.
   • To place a new Asset: Click Assets  on the left sidebar. Click the Placed Assets dropdown and change to SchoolSpace Assets. Scroll or search for an asset to use.
2. Select the Asset you want to use:
   • If you walked to the asset or placed a new asset, click Builder Mode  in the left sidebar, then click the asset to select.
   • If you searched Placed Assets, simply click on the asset in the list.
3. In the Selection menu on the right side of your browser, click Configuration → Links.
4. In the Link Type dropdown, choose Add a website, game, tool, or email.
5. Under Links, click the blue plus  button to open the Add a link page.
6. To get your media URL:
   • Find the embed code and modify it as needed.
   • Once you have the correct URL, copy and paste it in in the Link field.
7. Enter link information:
   • [Optional] Add a Title. The title will be visible to users when they click on the asset.
   • [Required] Paste the edited URL into the Link field.
   • Choose Link Behavior:
     • Open in modal iframe: opens inside a pop-up in the world. Recommended for video content.
     • Open in Drawer iframe: slides out from the left side.
     • Open in new tab: opens the link in a new browser tab (best if iframe doesn't work).
8. Click Add Link to save.
9. To test your media, click Builder Mode on the left sidebar or press B on your keyboard to exit Builder Mode. Then click the asset to open the media.

 

To Remove Click-to-Play Media:

1. Click Builder Mode  in the left sidebar or press B on your keyboard.
2. Click the asset to open the Selection menu.
3. Click Configuration → Links.
4. To keep the asset and remove the attached media you can either hide the media and save the link for future use or delete the link permanently:
   • To Hide: In the Link Type dropdown, choose None. This will hide all links attached to the asset.
   • To Delete: In the Links section, click Delete Link under the link you want to remove.
5. If you want to remove the asset itself you will need to delete the asset.

 

---

 

In World Media

Play a video in the world itself by uploading a mp4! 

 

To Upload an mp4:

1. Click Assets in the left sidebar to open the Asset Library. This will also automatically activate Builder Mode.
2. In the Filters section, click the dropdown and change to SchoolSpace Assets.
3. Search for 'Video Player' in  Filter Results. The Video Player asset looks like a plus symbol.
4. Click the Video Player asset to select it, then click the location in the world where you want to place the screen. Once placed, it will expand into a screen.
5. In the Asset Library, click the to close or press ESC on your keyboard.
6. Click the asset, then go to Configuration → Media.
7. In the Media Type dropdown, choose Video (File).
8. In the File Settings section, click the blue plus button to upload your video file.
9. [Optional] Add Video Name.
10. Click Choose File and select your video.
11. Click Upload.
    
12. After you've uploaded your video, you can:
    • Adjust Volume. Use the slider or number field to increase or decrease the playback volume.
    • Choose playback Radius. This is how close the user needs to be in order for the media to play. Click the dropdown and select:
      • Close: Media will play when the user is next to the asset.
      • Medium: Media will play when the user is near the asset.
      • Far: Media will play when the user is further away.
      • Everywhere: Media will play regardless of how close the user is to the asset. Note: This in not recommended for uploaded video.
    • Sync Media will automatically be toggled on. Leave this setting as is. 
13. To replace the mp4 with a new upload, enter Builder Mode and follow steps 6-12.
14. To remove the Video Player asset, you will need to delete the asset.

 

---

 

Supported Media Sources

Use the table below for guidance on media sources and how to find the correct link for both types of linked media: Spatial and Click-to-Play.

 

How Do I Find an Embed Code?

For Click-to-Play media, you will typically need to get the URL from the media's embed </> code. Embed is typically an option in the media's share tool. If you're having trouble finding the embed code we recommend using a search engine with the name of the media source and 'how to find embed code' (i.e "how do I find an embed code for a YouTube video?").

Once you've found the embed code, we recommend copying and pasting the embed code into a separate note or doc so you can easy copy the URL portion and modify as needed before adding it to SchoolSpace.

Here are some example embed codes with the URL in bold:

 

---

 

Adding Your own Livestream

If you're hosting a hybrid event and want to add a livestream to your world, we've got you covered! To add you livestream to a world you will first need to use a streaming software (like OBS Studio)

To Stream to a World:

1. Use a streaming software (like OBS Studio).
2. Set up your livestream on a streaming service like YouTube or Twitch.
3. Follow the instructions for adding Spatial or Click-to-Play media to your SchoolSpace world.