Breakroom Web Browser

Make it easy for people to interact with your brand. Read on for more information about setting up and using the Breakroom Web Browser.

Overview

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

The Breakroom Web Browser will not play MP4 or HLS videos. Please use the Breakroom Video Player to share these media formats with your users.

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

For help installing the Breakroom Web Browser, please see our Region Editor documentation.

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.

The Breakroom Web Browser user control bar.

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 Owners and staff with the appropriate permissions.

Setting up the Breakroom Web Browser

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

Adding a splash screen image

The splash image settings in the Breakroom Web Browser control panel.

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 Breakroom image 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.

A Breakroom Web Browser with a custom splash screen.

Entering a webpage URL

The webpage URL and web browser options in the Breakroom Web Browser control panel.

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, forward and back 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	If set to ON, will turn off various graphics settings within the web browser collider zone that could distort the screen.

Editing the Breakroom Web Browser collider zone

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 Web Browser object.

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.

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

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. Using the Region Editor tools or the Transform component, move, rotate, and resize the collider to meet your specifications.

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