Web Browser (Chromium)

**Web Browser (Chromium)** is a script you can use in the Prop Editor. It functions similar to the Web Browser PopUp script. Chromium is the embedded browser used by Utherverse to display websites and web content.

## Redesign 2020 of the Web Browser script

In the past this was powered by Internet Explorer. This was changed with update 4837 and now uses Chromium.

This script used to be called Attach Web Browser. If you were using this old script, you probably do not need to do anything and your websites and creations will be ported over. However, there are some detailed changes that might influence certain way things work.

## Unlit Web Browser

To change the lighting on the Web Browser script go to the State tab in the prop editor and change the Emissive value to 255 for maximum lighting. Using the unlit option in the State tab does not change the lighting for this script. Alternatively set Sprite unlit on.

## How to use this script

You can put any web URL on The Web Browser script. If you add http://www.google.com people will be able to interact with the Google website. Aside from basic web pages, decorators can use this to create video players, and stream video to properties, acting as a type of TV or cinema. Some other things that are possible is to add full-screen videos to have certain effects ongoing such as dynamic backgrounds.

This script works well on a Sign 01 or a Sign 01 Animated prop. To stop any flicker on the sign you might have to set it to Sprite unlit or Invisible on the State tab.

## GIF images

The Web Browser script can be used for adding gif images to properties. While this should work, it should be noted that adding many .gif images do cause additional lag. See below for some examples.

## Examples

### Simple radio

1. Create a new **Sign 01** prop.
2. Add the Attach Web Browser script to the prop.
3. Copy the URL from any web radio station and place it in the URL option.

**Note:** *Using the Attach Web Browser script does not allow the sound to be muted through the Utherverse options.*

### Video player

For this, you will need a site to host a web page.

1. Create a new **Sign 01** prop.
2. Add the Attach Web Browser script to the prop.
3. Create and host a new web page (HTML document) and use the following HTML code, replacing *movie.mp4* with the URL of your MP4 video:
<!DOCTYPE html>
<html>
<body>
<video autoplay loop>
<source src="movie.mp4" type="video/mp4"> </video>
</body>
</html>

Use the URL for your HTML document created above and place it in the URL option on the Attach Web Browser script.

### Jane's webservice

Jane\_Ashby has made a webservice available called YouTube Player Configuration that automatically provides a link for for a YouTube video with a handful of parameters to use on an Attach Web Browser script:

http://www.oakandwillow.co.uk/free/YouTubePlayer.htm

### YouTube

If your your YouTube URL is in this form: *https://youtu.be/1523JCH8Utw* take the part after the forward-slash: *1523JCH8Utw*

In the Web Browser script use:

https://www.youtube.com/embed/**1523JCH8Utw**?rel=0&autohide=1&autobuffer=1&autoplay=1&loop=1&playlist=1523JCH8Utw

Note that RLC has a resource limit so a 2K or 4K resolution video can easily overwhelm and crash. 1080p @ 60FPS is the technical upper limit that RLC can handle.

### Webcam and webmic

Your webcam and mic can be used for karaoke, streaming, Zoom meetings, Whereby, or even one-to-one meetings with your loved ones. This does not function as voice chat.

**Prerequisite**: Enable your webcam and mic on the **Settings** panel by clicking the Settings button  on the Corner Ring or pressing the **F7** key on your keyboard, then click the **Media** tab and set *Chromium Cam Enabled* and *Chromium Mic Enabled* to show a green tick. Once enabled, and you may need to restart Utherverse, there are two new icons shown on the top Navigation bar next to the Corner Ring:  and

1. Create a new **Sign 01** prop.
2. Add the Attach Web Browser script to the prop.
3. Copy the URL from a cam sharing website and place it in the URL option.

### Transparent video

The WEBM video format can be used with an alpha layer to give transparency. Here is a tutorial from Magic\_Bean: https://forums.utherverse.com/yaf\_postst145026\_TUTORIAL--How-to-make-moving-transparent-video-objects-and-host-them-for-free.aspx#post1664529

### Transparent GIFs

If you use a transparent GIF in an Attach Web Browser script using it's URL, the background is displayed as black.

To render the transparency correctly you will need a site to host a web page.

1. Create a new Sign 01 prop.
2. Add the Attach Web Browser script to the prop.
3. Create and host a new web page (HTML document) and use the following HTML code, replacing "http://example.org/yourgif.gif" with the URL of your GIF image:
<!DOCTYPE html>
<html>
<head></head>
<body>
<img src="http://example.org/yourgif.gif">
</body>
</html>

Use the URL for your HTML document created above and place it in the URL option on the Attach Web Browser script.

#### Alternative method

Jane\_Ashby has made a webservice available called ShowGIF that automatically provides a link for animated GIFs with transparency to use on an Attach Web Browser script. For example:

 http://www.oakandwillow.co.uk/free/showgif.asp?img=http://example.org/yourgif.gif

Also there is configuration tool for this webservice at http://www.oakandwillow.co.uk/free/ShowGIF.htm

**Note**: Not all Internet sites that host collections of gif images work with this service, so you may need to download and host somewhere else (for example try postimages.org).

 Bots -
Chromium -
Decorating Guides -
Deco Tools -
Domain -
Prop Editor -
Property -
Props -
Prop States -
Ramps -
Scripts -
Transport -
World Texture Editor -
 Animated Textures -
Audio Add Sound -
Audio Play Music -
Being.Me -
Bots -
Cached Web Image -
Dance Pole -
Door Object -
Lighting -
Move To scripts -
Pickup Object -
Sprites -
Scale Object -
Trigger Linked Script -
**Web Browser (Chromium)** -
 Animal Props -
Alpha Pine Tree -
Beds -
Breaking Out -
Chairs & Seating -
Doors -
Diving Board -
Dungeon Crosses -
Fire Places -
Floors -
Pole Dance Pole -
Primitive Props -
Lapdance Chairs -
Ramps -
Rope Prop -
Sign 01 -
Tileable Props -
Texture Translucent -
Triggers -
VIP Ropes