LogoLogo
Tutorial VideosScripting DocumentationLegalHome
Breakroom
Breakroom
  • Welcome to Breakroom
  • GETTING STARTED
    • Helpful terms
    • UI tour
    • Keyboard shortcuts
    • Customizing your avatar
      • Choosing a starter avatar
      • Editing avatars in the Outfit window
      • Using the Sine Wave Shop
    • Controlling your avatar
    • Controlling your camera
    • Communicating with other users
    • Using the conference system
      • Troubleshooting audio and video issues
    • Using Breakroom for Training
    • Settings
    • Language and accessibility
    • Reporting issues
  • EXPLORING BREAKROOM
    • Region navigation tools
    • Bookmarks and teleport invites
    • Using the Explore window
    • Using the Meetings window
    • Networking with other users
      • People
      • Groups
    • Snapshots
  • BUILDING NEW WORLDS
    • Breakroom Dashboard tour
    • Creating and managing Regions
    • Default Landing and Orientation Regions
    • Region settings
    • Region template descriptions
  • CREATING CUSTOM EXPERIENCES
    • Branding tools
    • UI customization options
    • Filtering the Sine Wave Shop
    • Selecting default avatars
      • Default avatar collections
    • Using the Region Editor
      • Editing and moving objects
      • Editing terrain and sky
      • The Region Editor ADVANCED window
    • Exploring the Breakroom Toolkit
      • Breakroom Video Player
      • Breakroom Web Browser
      • Breakroom Image Viewer
      • Breakroom Info Kiosk
      • Breakroom Teleport Portal
      • Breakroom Web Collab
      • Breakroom Note Board
      • Breakroom Games
      • Breakroom Reactives
      • Breakroom Orientation Quest
      • Breakroom Tour Cameras
      • Conference rooms and booths
      • Add-on seats
      • Breakroom Start Here UI
      • Breakroom Basic Emojis
      • Breakroom 360° Video Player
    • Managing your Media Library
  • OPENING THE DOORS
    • Seats and concurrency
    • Creating and managing user accounts
      • World-level user permissions
      • Region-level user permissions
      • Single sign-on
      • Eventbrite integration
    • World Stream
      • Purchasing and managing World Credits
      • Pre-allocation campaigns
      • World Stream viewer toolbars
      • World Stream keyboard shortcuts
      • Troubleshooting World Stream issues on Chrome
      • Troubleshooting World Stream issues on macOS
    • Desktop viewers
    • Privacy Policies, EULAs, and data collection
    • Analytics
    • Toggling World availability
  • RUNNING YOUR EVENT
    • Understanding the conference system
      • Voice zones, zone types, and conference permissions
      • Voice chat and spatial audio
    • Customizing the conference system components
      • Adding breakout areas
      • Creating custom voice zones
      • Setting up Presenter and Audience zones
      • Designating triage zones
      • Troubleshooting duplicate zone errors
      • The RoomFurniture component
    • Setting up Breakroom for Training courses
    • Moderator tools
      • Broadcast messages
      • Crowd management
      • Audience questions
      • Raised hands
      • Presentation controls
      • Hidden UI toggle
      • Participation
      • Audio streams
  • TIPS FOR SUCCESS
    • Region Editor best practices
    • Onboarding new users
  • ADVANCED TUTORIALS
    • Uploading your own Region
      • Installing Unity and the Breakroom SDK
      • Reducing poly counts on CAD files
      • Uploading a Region from Unity to Breakroom
      • Creating and uploading custom chairs
      • Testing items on the preview server
      • Pushing items to the live server
      • Installing the conference system components
    • Uploading your own virtual objects
    • Uploading your own virtual clothing
    • Creating and copying avatar shapes
    • Installing the Quest System
    • Registration and grid APIs
    • Video streaming
    • Sinespace scripting documentation
  • HELP
    • Where to find support
    • Tutorial video playlists
      • Platform basics
      • Dashboard
      • Moderator tools
      • Breakroom Games
      • Creator Core
      • Breakroom for Training - Students
      • Breakroom for Training - Instructors
      • Breakroom for Training - Dashboard and Backend
    • Account management
    • System requirements
    • Troubleshooting network ports and firewalls
  • RELEASE NOTES
    • Breakroom SDK
    • Breakroom Viewer
    • Breakroom Dashboard
Powered by GitBook

©2008-2024 Sine Wave Entertainment Ltd. All Rights Reserved.

On this page
  • Overview
  • Breakroom Web Browser user controls
  • Setting up the Breakroom Web Browser
  • Adding a splash screen image
  • Entering a webpage URL
  • Web browser options
  • Editing the Breakroom Web Browser collider zone
Export as PDF
  1. CREATING CUSTOM EXPERIENCES
  2. Exploring the Breakroom Toolkit

Breakroom Web Browser

Foster engagement by giving users the ability to access web-based content without leaving the Metaverse. Here you'll learn how to set up and use the Breakroom Web Browser.

PreviousBreakroom Video PlayerNextBreakroom Image Viewer

Last updated 6 months ago

Overview

The Breakroom Web Browser allows users to access and interact with web-based content anywhere within your world. Object Owners and users with appropriate or permissions can also configure access options and add a splash screen that will be displayed when the web browser is not in use.

Breakroom Web Browser user controls

Users can control any Breakroom Web Browser using the buttons located in the bottom control bar. Webpages are displayed on a per-user basis, not streamed openly to the Region as a whole.

Control bar component
Function

Home

Takes the user back to the web browser's default URL.

Forward and back arrows

Allow users to navigate forward and backward within a website.

External open

Opens the default URL in the user's own web browser.

Zoom In / Zoom Out

Allows the user to zoom in on the panel and away again.

Settings

Only available to Object Owners and users with appropriate permissions.

Setting up the Breakroom Web Browser

Adding a splash screen image

Splash screen image settings are the very first thing you'll see in the Breakroom Web Browser control panel. You can either choose a splash image from your Media Library, or upload a new splash image from your computer.

To set a splash screen for your web browser, follow these steps:

  1. Locate the Breakroom Web Browser object you want to edit.

  2. Click on the gear icon to open the Breakroom Web Browser control panel.

    1. To choose an image you've already uploaded to Breakroom, click the Image Library button. This will open the image picker. Click on the image you want to use.

    2. To upload a new splash image from your computer, or click the Upload New Image button. This will open a standard file picker on your computer. Locate the image you want to use, click on it, and then click the Open button.

  3. Your selected image will display in the preview window. Make sure everything looks good, and then click the Save and Close button.

Entering a webpage URL

To enter a webpage URL, follow these steps:

  1. Locate the Breakroom Web Browser object you want to edit.

  2. Click on the gear icon to open the Breakroom Web Browser control panel.

  3. Paste your URL into the Webpage URL field.

  4. Click the Save and Close button.

Web browser options

The Breakroom Web Browser control panel also allows you to customize the way users can interact with your content.

To edit the web browser options, follow these steps:

  1. Locate the Breakroom Web Browser object you want to edit.

  2. Click on the gear icon to open the Breakroom Web Browser control panel.

  3. Click the ON or OFF button located next to each web browser option.

  4. Click the Save and Close button.

Web browser option
Function

Allow forward/back

If set to ON, web navigation buttons will be displayed in the bottom control bar.

Allow external viewing

If set to ON, a button will appear in the bottom control bar allowing users to open the webpage in an external browser.

Post FX

Editing the Breakroom Web Browser collider zone

Several website display options are triggered when an avatar enters the Breakroom Web Browser collider zone. The size and position of this collider zone can be customized using the Region Editor.

To edit the Breakroom Web Browser collider zone, follow these steps:

  1. Open the Region Editor by clicking the Edit Region button at the bottom of your screen.

  2. Locate the Breakroom Web Browser object you want to edit. Click on it to highlight it in the Objects window.

  3. In the Objects window, click the > arrow to the left of the Breakroom Web Browser object to expand it. Then click on the Collider component.

  4. When you are satisfied, click the Save button to store your changes.

In your Inventory, you'll see the Breakroom Web Browser represented by this icon:

For help installing the Breakroom Video Player, please review our information on using the .

The Breakroom Web Browser will not play MP4 or HLS videos. Please use the to share media using these formats.

The Breakroom Web Browser control panel is only accessible to the Object Owner and users with appropriate or permissions. To access it, click on the gear icon in the bottom control bar.

If set to ON, will turn off various graphics settings within the web browser that could distort the screen.

The instructions provided below presume an advanced working knowledge of Breakroom. Please consult our documentation if you need help and virtual objects, or editing the .

Using the or the , move, rotate, and resize the collider to meet your specifications.

Region Editor
Breakroom Video Player
World-
Region-level
installing
positioning
RoomFurniture component
collider zone
World-
Region-level
Region Editor tools
Transform component
Pictured: The Breakroom Web Browser user control bar.
Highlighted: The location of the Breakroom Web Browser gear icon.
Pictured: The Breakroom Web Browser settings.
Pictured: The webpage URL and web browser options in the Breakroom Web Browser control panel.
Pictured: The Region Editor, with a Breakroom Video Player object selected. The transparent green box indicates the size and location of the collider zone. In the Objects window, you can see that the collider zone object is nested within the Breakroom Video Player object. This information also applies to Breakroom Web Browsers.