Hubs by Mozilla

Hubs by Mozilla

  • Docs
  • GitHub
  • Help

›Introduction

Introduction

  • Welcome
  • Getting Started With Hubs
  • Building Scenes with Spoke
  • Creating Custom Avatars
  • Hosting Events in Hubs

Hubs Documentation

  • Create and Join Rooms
  • Hubs Features
  • Sharing Avatar Links Privately
  • User Settings
  • Room Settings
  • Controls
  • Discord Bot
  • Troubleshooting
  • FAQ

Spoke Documentation

  • Create Project
  • User Interface
  • Spoke Controls
  • Adding Content
  • Architecture Kit
  • Grid
  • Skyboxes
  • Lighting and Shadows
  • Physics and Navigation
  • Publish Scenes

For Creators

  • Advanced Avatar Customization
  • Linking Hubs Rooms
  • Using the Blender glTF Exporter
  • Optimizing Scenes

For Developers

  • System Overview
  • Build a Custom Client
  • Contributing
  • Hubs Query String Parameters

Hubs Cloud

  • Introduction
  • Getting Started
  • FAQ
  • Importing Content
  • Asset Packs
  • Customizing Look & Feel
  • Customizing Themes
  • Managing Content
  • Adding Administrators
  • Limiting Access
  • Recipe: Permissive Rooms
  • Recipe: 3rd Party Integrations
  • Recipe: Enable Scene Editor
  • Recipe: Custom SMTP
  • Recipe: Discord Bot
  • Advanced: SSH Access
  • Advanced: Content CDN
  • Custom Clients
  • Advanced: Brand Guidelines

Hubs Cloud AWS

  • AWS Quick Start
  • Domain Recipes
  • Using an Existing Domain
  • Using an Existing Email Provider
  • Updating the Stack
  • Backup and Restore
  • AWS Troubleshooting
  • Known Issues
  • System Architecture
  • Costs and Minimizing Costs Information
  • Estimating Cost Charts (Alpha)
  • Estimating CCU Limits

Hubs Cloud DigitalOcean

  • DigitalOcean Quick Start
Edit

Getting Started with Hubs

In the following guide we'll show you the basics of Hubs! (Prefer a video? Click here.)

To get started, head to hubs.mozilla.com. Make your own room by clicking “Create a Room.”

Screenshot of how to enter a Hubs room Your browser does not support HTML5 video.

🎉 Congratulations - you now have your very own virtual space! 🎉

Enter the Room

Before entering, you are in the room's lobby. From here, you can see and hear what's going on inside the room, and you can only interact with others using text chat. Entering the room can be a bit different depending on the type of device you are using.

On a desktop computer?

  • Click "Enter Room" and follow the prompts to select a name/avatar and enable the mic.

On a VR headset or mobile device?

  • Take a look at the instructions in the Hubs documentation.

Explore Hubs

Look around

Try exploring your new space. On desktop use your WASD or arrow keys to move around. You can also press your right mouse button to teleport to a different location. Rotate your view using the Q and E keys, or hold down your left mouse button and drag.

For VR and mobile controls see our list of Hubs controls.

User Interface

Take a moment to take a look around the user interface. You can mute your mic, take photos, share your screen, create objects, and more. We'll introduce the basics of some of these controls in this guide. For more detailed information check out the Hubs Features section of the documentation.

Hubs Image

Import Media

In Hubs you can import 3D models, images, videos and PDFs from all over the web including SketchFab, Google Poly, SoundCloud, Vimeo, Twitch, Crunchyroll, and more.

Try searching for content in the Media Browser (the magic wand button at the top of the screen).

You can also add media by dragging and dropping a file into the room, or by copying (ctrl+c or command+c) a URL and then pasting it in the room (ctrl+v or command+v).

Your browser does not support HTML5 video.

Object Menus

Additional controls for objects, videos, and drawings can be found in their object menus.

To reveal these controls, hover your cursor over the object and press the space bar or tab key on desktop.

For VR and mobile controls see our complete list of Hubs Controls.

Screenshot of the Object Menu

Avatar Menus

You can open up a menu on users just like on objects. This lets you control their volume or hide them from your view. If you are a room owner or moderator you will have extra permissions, like being able to mute the user's mic or temporarily kick them from the room.

Screenshot of the Avatar Menu

Change the Scene

You can change your scene to suit the mood of your event. There are lots of environments to choose from in our scene database, or you can create your own custom worlds using our scene editor Spoke. Explore the scene browser by opening the dropdown menu and selecting Choose a Scene.

Note, only room moderators can change the scene. You also need to be signed in using your email address. Logging in is not required to use Hubs but doing so provides benefits such as being able to save favorite rooms, and upload custom avatars. All we need is an email address to authenticate your account — no additional information is required.

Screenshot of the Scene Browser Your browser does not support HTML5 video.

Invite Friends

Your new space is private, and no one else can join until you invite them.

When you are ready to invite others click the "Share" button at the top of your screen. Copy the room URL or shortlink code and send it to your friends.

Screenshot of the Share pop-up

Next Steps

This was just a quick overview of some of Hubs' basic features. For a detailed overview of what you can do in Hubs check out Hubs Features in the documentation.

← WelcomeBuilding Scenes with Spoke →
  • Enter the Room
  • Explore Hubs
    • Look around
    • User Interface
    • Import Media
    • Object Menus
    • Avatar Menus
    • Change the Scene
  • Invite Friends
  • Next Steps
Hubs by Mozilla
Docs
IntroductionHubs DocumentationSpoke DocumentationFor CreatorsFor DevelopersHubs Cloud
Community
Discord ChatTwitter
More
HubsSpokeGitHub
Copyright © 2023 Mozilla Corporation. Hubs Documentation available under the Creative Commons Attribution-ShareAlike 3.0 Unported (CC BY-SA 3.0) license.