frame resources

This is a place for the FRAME community to learn, explore, dive deeper, and see an FAQ.

learning center

Check out short learning videos on different topics to see how to make the most of FRAME.

Use Cases

Explore how the FRAME community uses Frames for events, meetings, classes, and more.

gallery

Check out select FRAME environments created by us and the FRAME community.

Want to reach out? hello@framevr.io

We also blog, and we do custom WebXR development.

learning center

This is a collection of short videos and guides to help you learn how to use FRAME. Don't see a video for a certain topic and want to see it, or even make it yourself? Let us know: hello@framevr.io

getting started

See how to move around Frame on desktop, create an account, and create your own Frame. This is a great place to start before moving on to other videos.

Comment créer une galerie virtuelle avec frame

Un tuto qui s'adresse à ceux qui souhaitent se lancer dans l'utilisation de framevr.io en créant une galerie virtuelle. (Contributed by the awesome Régine B-Berthois)

Virtual Classroom environments with frame

Nice intro to Frame from the perspective of Greg Kolowiec, an education technologist interested in 3D environments for remote and blended learning. (Contributed by @gregkulowiec)

PRESENTING WITH FRAME

Nice tutorial from "PowerPoint Spice" that gives a great overview of Frame and how to give presentations inside of it. This also includes a good walk-through of our "Scenes" feature that makes it possible to give spatial presentations.

add aSSETS to frame

See how to add assets to your Frame, either directly or through your Inventory. Asses can be images, photospheres, videospheres, 3D models, pdfs, streaming screens, whiteboards, or spawn spots. See below for videos specifically about each asset type!

moving and editing assets

See how to move, rotate, and scale assets, as well as use other features in the Edit Menu. Click on an asset in Edit Mode. Then click and drag it to move it around. You can move your avatar while clicking and holding an asset to move it around throughout space.

ADDING LINKS TO ASSETS

See how to add links to assets to add different kinds of interactivity to them. You can add links to other Frames, websites, scenes within your Frame, locations within your Frame, notification triggers, and more.

For web links, you can have web links either open in a new tab or open in an embedded overlay at the bottom left corner of the Frame, using an iframe window. See this blog post for more about these embedded web links.

videos

Videos can be .mp4, .m4d, .avi, or .mov files, with a file size limit of 100MB and total limit of 500MB. Playing and pausing is synchronized for everyone in the Frame. All videos are muted for users until they manually unmute them. See video controls by hovering over a video with edit mode turned OFF. Anyone with interact permissions can see these video controls if they hover over a video.

photospheres

Photospheres can be .png or .jpg files, under 10MB. Need to compress an image? We recommend squoosh.app. Images should be equirectangular (width is double the height). With edit mode off, click a sphere to expand it. Then, look down for the "Close" button to collapse the sphere and return home.

Images

Images can be .png or .jpg files, under 10MB. Need to compress an image? We recommend squoosh.app. Transparency is supported on .png files, so it's a good way to add text.

upload your own 3d models

If you upload your own 3D models, they must be .glb format and 15MB or less. Ask around in our discord for tips on finding, converting, or optimizing models. If you want to upload your own 3D models as FRAME environments, see the "Upload Your Own Environment" in the ENVIRONMENTS section above.

3D models with sketchfab

We use a Sketchfab widget to let you import models from there. Use the search filters to find smaller models (lower polycount) or animated models. Click on a 3D model in edit mode to turn on any animations it has on it.

360 videos in frame

You can upload equirectangular 360 videos (width should be 2x the height). Once you upload there may be some processing time. Once processed, play it by clicking on it while not in edit mode and it will expand and play immediately. You will see controls for pause/play/volume appear when a 360 video is playing. Collapse the sphere by looking down at your feet and using the RETURN HOME button. Videos are streaming, so the quality depends on both the file you upload and the internet speed of the viewer.

asset list

You can see a list of all of the assets in your Frame for easy deleting just in case you lose track of any. Go to the FRAMES tab, and you'll find it in the THIS FRAME dropdown.

PDFS

See how to import PDF files into Frame, switch between pages, and put them where you want. Images with transparency are supported and you can toggle on transparency by clicking on the pdf in edit mode and turning on the "transparent pdf" toggle.

Streaming screens and whiteboards

See the WHITEBOARD and the WEBCAM/SCREENSHARE sections above to learn more about these special assets.

Spawn spots in frame

Spawn Spots can be used to get users to spawn at or teleport to certain spots in your Frame. You just need to give your spawn spot a name to add it to a Frame, and you will see your spawn spots with edit mode turned on. Position them where you want. Then, you can either use special links or buttons to use them. You can also make sure that users are facing a specific direction when they use the spawn spot.

With buttons: In edit mode, click on an asset like an image. You will see a place to add links. One of the link types you can set is "location link". When you select that, you will get a dropdown of all of your spawn spots and you can pick one. Then, when users click on that image, they will get teleported to the spot you've picked!

With links: You can add the hash symbol (#) and the name of your spawn spot to the end of your url and anyone who uses that link will spawn right at your spawn spot.

Audio

Audio can be .mp3 files. Once you import audio, it will show up as a small sphere with a few controls: play, stop, and mute. If you play or stop it, it will play/stop for everyone in the Frame. If someone joins a Frame while audio is playing, it will catch them up to its current time and begin playing it for them. If you click on an audio sphere in edit mode, you can toggle whether it's positional (louder if you are closer to it) and set whether you want it to loop.

particles

Particles are visual effect systems that let you create things like snow, smoke, fireworks, and more. You can create your own systems using the Babylon Particle Editor and bring them right into FRAME. Here's a blog post that gives a written guide.

Voice Zones

You can create your own private voice zones in FRAME. You can position and scale them as you please. People inside of a voice zone will be able to hear each other, but people outside the voice will not hear them or be heard by them!

Audio Basics in frame

By default, FRAME will ask for microphone access from users when they connect to FRAME. If granted, mics will be active so that they can speak immediately. If the user doesn't have a microphone available, they can still connect.

ALL USERS SHOULD WEAR HEADPHONES to prevent echo/feedback, or should mute themselves if they aren't talking.

Users can mute/unmute their microphones with the mic icon at the top right, the "M" key on their keyboard, or the menu that floats in front of you in VR mode.

If a user has a mic muted, you will see a pink muted indicator above their avatar.

If you want microphones to be off by default in your Frame, you can set that in your FRAME settings. Go to the sidebar -> FRAMES tab -> THIS FRAME dropdown.

spatialization /megaphone

By default, audio is "spatialized" in FRAME, which means that you will hear people louder if you are close to them and will hear them quieter as they move farther away. Sort of how things work in the real world.

The audio is also "stereo", so if someone is to your right you will hear them a bit louder in your right ear.

In large environment, you may sometimes want to amplify your voice so that everyone in the FRAME can hear you, no matter how far away they are. To do this, you can click the megaphone icon in the top right. When activated, it will turn blue. With the megaphone active, your voice will be amplified evenly throughout the Frame so everyone can hear you.

voice zones


Select environments of Frame provide an option of activating Voice Zones.

These areas, marked with a distinct blue boundary line, allow users to have isolated conversations with other users within the zone.

You can use this feature to conduct meetings in a closed setup where only users within the same zone can communicate with each other.

You can also create your own Voice Zones by adding them into your Frame. See this tutorial.

speech to text

If you're logged in and have access, you can turn on Speech-to-Text in the Chat Settings menu within the sidebar. By default, when it detects that you have finished a phrase, it will send that phrase to the text chat. If you don't want it to auto-send your speech to the text chat, you can turn off auto-send, and instead the text will appear in the text chat input window and you can send it manually. You can select your Voice Input Language to help make the speech-to-text more accurate.

Admin CONTROLS

Adjust editing and viewing permissions in the FRAMES tab in the sidebar, in the "This Frame" drop-down.

Invite members in that same place. To mute other users' microphones or boot them from your Frame, use the Online User menu at the top left.

single or multi user modes

Govern how people interact with your Frame by setting User Modes. Allow isolated experiences with Single User Mode where each participant explores individually. Facilitate meaningful interaction with two or more people under the Multi User mode.

PERMISSIONS OVERVIEW

Owners/Admins can: Mute everyone's mics, adjust permissions, clear chat history, delete individual chat messages, change environments, boot users, and delete the frame.

Users with Editing Permissions can: Add, modify, or delete assets, change scenes, and use webcam/screen share.

Users with Interaction Permissions can: Change pdf pages, expand photospheres, and play/pause media.

Users with Viewing Permissions can: Connect to the Frame, use voice chat/text chat, create an avatar, and move around.

Invite admins

You can invite Admins to your Frames. Admins can do just about anything you can do, like adjust any Frame settings, mute/boot other users, invite members, and edit the Frame. You can decide whether you want Admins to be able to invite other people to be Admins.

spectator mode

You can now allow your users to join as spectators when you enable Spectator mode. These attendees will be able to intereact via chat, but won't load up avatars, or get audio-visual interaction rights. This feature can help open up your Frame events to more people, without adding on to your management load.

go to menu

You can create a Go To menu to make it easy for your users to navigate to different locations within your Frame or even to other Frames. You can create this menu on desktop and mobile, and it's viewable on desktop, mobile, or VR.

enable flying

As an admin you can enable flying in your Frame, which means that you and your guests will be able to move in any direction while on desktop or mobile. Users still need to turn on fly mode to take flight, even if you've enabled flying for your Frame.

Be warned, though - someone with fly mode on will be able to move through the floor and walls!

scenes

"Scenes" in Frame are sort of like "slides" in other presentation tools, but each scene is a rich 3D canvas. Move between scenes with the menu at the bottom center, the <> keys on your keyboard, or with the in-world menu that floats in front of you on mobile and VR. Click the "Scenes Menu" button in the sidebar for a menu that lets you add, rename, and re-order your slides, as well as give them thumbnails.

Understanding scenes - by steve guynup

Explore this interesting take on the Scenes by Steve Guynup, Visiting Data Visualization and Immersive Technologies Specialist at Miami University and long time VR enthusiast. Watch how Steve walks through Scenes and shares his take on using this powerful feature in Frame.

PROFILE

Set a nametag, LinkedIn URL, Twitter URL, and profile photo in the "Profile" Tab of the sidebar.

avatars

Customize your avatar from desktop (recommended) or mobile. Use the C key on your keyboard to bring up the avatar menu, or the "Customize Avatar" button in your PROFILE.

INVENTORY

Use the Inventory to create a collection of assets that you have at your disposal from the sidebar, ready to bring into any Frame that you created or that you have permission to edit.

Text chat

Group text chat for everyone in your Frame is accessible from desktop and mobile at the top left of the Frame. Links you share will be hyperlinks, you can use emoji, and if you are the admin of the Frame you can clear the chat history and set whether you want history to be stored. You can also delete individual text messages.

Text chat translation

If you're logged in, you can choose to translate the text chat into many languages. This is a local setting, so multiple people can translate the text chat into the language of their choosing without it affecting the text chat for other users. You can hover over the translated messages to see the original language.

Web Browsers

PC, Chromebook, android

Use the latest Google Chrome or Firefox.

MAC, iphone, ipad

Use the latest Safari.

VR

Use Firefox for Oculus Rift, HTC Vive, or Valve Index. Use the Oculus Browser for the Oculus Quest.

internet Connection

Frame requires a broadband wired or wireless connection. Minimum bandwidth is 1 MBPS (up/down) and recommended is 3 MBPS (up/down). The more people in your Frame, the better connectivity is required for a smooth experience.

operating system

Mac, iphone, ipad

OSX or iOS/iPadOS 13 +

Android

Android 8 or later

PC

Windows 7 or above

mic/headset

You need a microphone in order to connect to frame, and we strongly recommend headphones to help reduce feedback or echo.

desktop

Use the arrow keys on the keyboard or the WASD keys on the keyboard to move and look around. You can also click and drag on the mouse to look around, or use the q and e keys to look around.

If an admin has fly mode turned on, and you're logged in, you can turn Fly Mode on in your Profile in the sidebar. That lets you move in any direction, and it means you can even move through the floor or walls - so beware!

mobile

You should see a toggle in the bottom left of the screen that you can tap and drag to move yourself around the space. Tap and swipe on the screen to look around.

virtual reality

On a standalone device like the Oculus Quest, use the Oculus Browser and navigate to a Frame link. While in 2D mode, log in to the sidebar, and then click the CONNECT button. Then, the VR button will appear in the bottom right. Click it to expand into immersive mode. Then, you can move around by walking or by using the joystick on one of your controllers. Look around by looking around - we know we should have controller-based rotation, but we haven't gotten there yet!

On a PC VR system, you can walk around or teleport with a joystick on one of your controllers, and look around by looking around.

What you need to know

FRAME has been tested on the Oculus Quest, Oculus Rift, and HTC Vive. We've heard that it also works for the most part on the Valve Index, and we suspect it works on most other headsets so long as they are WebXR compatible. On Oculus Go, users can currently join and participate, but movement is not possible. Frame does not work on Google Cardboard.

On a PC VR headset , we recommend using Firefox. On Oculus Quest, we recommend using the Oculus Browser. Once you navigate to a Frame link in a browser, you should sign in if you have an account while in 2D mode, and then click the "CONNECT" button. Then, the VR button will appear in the bottom right of the browser and you can click that to expand Frame into immersive mode.

In VR mode, you can move around by walking around or by using the joystick on one of your controllers. Look around by moving your head around (controller-based rotation is coming soon, we promise!).

There are lots of features available to you in VR mode, but not everything. We recommend that you do a lot of the Frame creation/setup on desktop/mobile mode, because right now the only way to bring assets into your Frame is in desktop/mobile mode.

In VR mode, your menu can be opened up by clicking on a small button with three lines that will be hovering in front of you if you look towards the floor. Open the menu with the trigger on your VR controller. Your controllers have lasers sticking out of them that you can use to point at things and "click" on them. Here's what opening the menu looks like and then an image of the menu:

You can point with your laser pointer and use the trigger on your VR controller to select a menu item.

  • The mic button will toggle on/off your microphone
  • The edit button will toggle on/off edit mode (this will only be clickable if you have signed in and have edit permissions for the Frame). With edit mode on, you can click and drag on assets in the Frame to move them around, and also make them bigger or smaller by clicking on them with both controllers and doing a stretching motion outward and inward.
  • The laser pointer button will turn on/off your laser pointer (a laser pointer that will be visible to others in the Frame)
  • The previous and next scene buttons will let you move to the previous or next scenes in the Frame (these will only be clickable if you have signed in and have edit permissions for the Frame)

We'll be bringing lots of other functionality to VR soon - stay tuned!

WEBCAM + screenshare

You can add streaming screens in the ADD TO THIS FRAME dropdown of the sidebar. The streaming screens have the FRAME logo on then, and those that are logged in and have interact permissions in the FRAME will also see buttons for "Share Webcam" and "Share Screen". You can add additional streaming screens to a Frame in the ADD TO THIS FRAME drop-down in the sidebar.

On Chrome and Edge, you can also share audio through a screen share! So yeah, you can play YouTube videos and have watch parties. :)

Tip: you can pick what webcam your browser will use by checking what is selected in your browser device preferences.

There is also a "MIC/CAM SETTINGS" button on the connect panel, when you first join a Frame. You can use that to make sure your browser is using the right device.

Avatar cam mode

In the sidebar, everyone will see a toggle for "Avatar Cam" Mode, unless an admin has disabled this feature. There is also a webcam button in the toolbar UI at the bottom center on desktop.

Turning this on will attach a view of your webcam right next to your avatar, and it will move around with you as you move around. You will also see a local view of your webcam in the bottom left. Anyone can use avatar cam mode, no matter their permission level and even if they aren't logged in.

This is a convenient way to quickly bring a webcam into Frame without needing to perfectly position one of the streaming screens. If you need a big screen, though, or if you want to screen share, you'll need to use a streaming screen asset.

ENVIRONMENTS

Change the base environment in your Frame by going to the Frames tab, then the "This Frame" dropdown. You'll see an environment picker there. The video here gives a quick tour of a few environments - but we add more all the time. :)

environment FLOOR PLANS

If you want to see top-down views of Frame environments so that you can make your own maps or guides for your users, here is a folder with all of the Frame environment floor plans.

Upload your own environments

You can upload your own 3D model to use as your Frame environment, so long as you follow some of our guidelines and formatting requirements. See our blog post about this topic!

WHITEBOARD

Add whiteboards to your FRAME in the ADD TO THIS FRAME dropdown in the sidebar. Add as many as you want. Use the whiteboard by drawing on it with edit mode turned OFF. Anyone with interact permissions can use whiteboards. You can also save whiteboard drawings to your computer.

FRAME FAQ

What is Frame?

FRAME is a website that lets people communicate and collaborate in a 3D space as avatars from a browser on desktop, mobile, or VR. Besides voice chat, text chat, webcam, screen share, FRAME lets you customize your 3D space with tons of different kinds of content.

how do people use frame?

People use FRAME in a lot of creative ways, but here are some of the popular use cases:

- online classes
- remote team meetings
- sales demonstrations involving 360 photos, 3D models, and more
- online conferences/panels/exhibitions
- chilling out with other people
- creating persistent, social online spaces

What does frame cost?

Right now FRAME is in beta, so we aren't charging anything for basic usage. We do put a few limits on the numbers of Frames you can create, the number of people that can be in a certain FRAME at once, and the size and number of the assets you can import.

If you need more Frames or more people in your Frames, we do have an early "Founders Plan" that you can explore here.

We also currently have contracts with clients who are paying for custom features, 3D designs, whitelabelling, or large-scale usage. If interested in that, email hello@framevr.io

We will be launching more pricing options in the future.

how many people can i have in my frame at once?

We don't recommend going beyond 20 users at once in a particular FRAME. We occasionally bump a FRAME's capacity to 50 (email hello@framevr.io and tell us why you need it). We will be improving this number of people that can be in FRAME at one time throughout the year. We have a big update coming out next month that will provide more stability for large scale interactions.

What kind of hardware, web browser, and internet connection do i need for frame?

FRAME runs from a web browser on desktop (including Chromebook!), mobile, or VR, but you still have to have a decent device in order for it to run smoothly. Another factor involved here is how many assets or people are in your FRAME - the more you have, the less likely Frame is to run smoothly on lower end hardware. Here are the general recommendations:

Browser on Desktop:
Use the latest Chrome, Safari, Firefox, or Chromium-based Edge browsers.
Browser in stand-alone VR: Use the Oculus Browser
Browser on mobile: Use Chrome on Android, use Safari on iOS

Internet Connection: Frame requires a broadband wired or wireless connection. Minimum bandwidth is 1 MBPS (up/down) and recommended is 3 MBPS (up/down). If there are more than 5 people in your Frame, or you have many people that are sharing their webcam or screen, then better connectivity will ensure a smoother experience.

We strongly recommend using headphones for the best audio quality and to reduce any echo.

I just want to make a frame that people can explore on their own. I don't want any avatars or voice chat. Is that possible?

Yes! You can make your Frame a "Single User" Frame, which means that any amount of people can check it out at once - they just won't be interacting as avatars with voice chat. It's more like exploring a traditional website. Here's a video to show you how to do that.

Can i change the url/name of my frame?

Right now, no - so choose carefully! We hope to make this a feature later this year.

what can i import into my frame

You can bring in images, pdfs, videos, 360 photos, 360 videos, .mp3 audio files, whiteboards, 3D models (.glb files), streaming screens that let you share your webcam or screen, particle effects, voice zones, teleportation spots, and links.

how many frames can i create?

Right now, in this beta stage, we let you create 3 different FRAMES. You can get our Founders Plan if you need more.

Can i import my own 3d model as a frame environment?

While you can already upload your own 3D models in Frame, you can't upload one and have it be your main FRAME environment. However, this feature is coming later this year. Here is a blog post that lays out how to get started creating 3D models to be used as Frame environments.

what are scenes in frame and how do they work?

Anytime you bring an asset into FRAME, you are bringing it into a scene. You can create more scenes and then move between them. It's sort of like our version of a Powerpoint "slide". Scenes give you a way to transition between your content in a 3D space. When someone changes the scene, it will change it for everyone in the FRAME. Check out more about how scenes work here.

How does video/audio playback work in Frame?

If you play a video or audio asset in FRAME, it will play for everyone in the FRAME. If you pause it, it will pause for everyone. For video, though, people have to unmute the video themselves locally in order to hear it.

Where do i go if I have a question that wasn't answered here?

Great question! You can explore our Learning Center or send an email to hello@framevr.io

Recent blog posts

See All Posts

FRAME Beta 3: Onwards and Outwards

This is our biggest update yet. Welcome to FRAME Beta 3.

READ

Frames + Iframes

Iframes in Frame for powerful web overlays.

READ

Particle Systems in FRAME

You can add sparkly particle systems to FRAME. Here's how.

READ

Frame June Update: Snap-to-Wall Mode, Larger 3D Models, and More!

Oh SNAP! Snap-to-Surface Editing, Bigger 3D Models, and More

READ

There Are Now Hundreds of Collaborative VR Tools - What's Next?

Some personal thoughts about the ever-more-crowded 3D collaboration space and how it's moving.

READ

FRAME Beta 2: Pushing Remote Collaboration Forward

New features, new environments - new FRAME. Dive in.

READ

custom webxr projects

We love WebXR and we occasionally do custom projects if the fit is right.
Shoot us a note in the form below or at hello@framevr.io

reach out

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.