Web Browser (Chromium)

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. Note that this is completely separate to the web browser you have on your PC.

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.

Parameters

Option	Default Value	Value Range	Explanation Setting
URL	http://www.utherverse.com/	url	Here you have to specify the web address to load. For example inputting http://www.youtube.com will load the front page of YouTube.
Offset X	0	0-100000	Used to offset the script, however it is better to just use the Position tab to move the browser script.
Offset Y	0	0-100000	Used to offset the script, however it is better to just use the Position tab to move the browser script.
Offset Z	0	0-100000	Used to offset the script, however it is better to just use the Position tab to move the browser script.
Scale	1.00	100.00	With this you can enlarge the browser. You cannot use the scale value on the Scale tab to increase the size of this specific script.
Width	1024	1-2048	In general it is best to leave this set to 1024 or 512. Although other values can be used to display content at specific sizes, do not use this to increase the browser size, use Scale instead (see above).
Height	1024	1-2048	In general it is best to leave this set to 1024 or 512. Although other values can be used to display content at specific sizes, do not use this to increase the browser size, use Scale instead (see above).
Camera Lock	on	on/off	This changes your mouse pointer into a zoom icon when hovering over the browser script. Clicking this zooms your camera into the browser to interact with. Interactive needs to be enabled to use this feature.
Interactive	on	on/off	This make your browser interactive so that you can use your mouse and keyboard with it. However, having your mouse pointer hovering over the browser locks your avatar in place and you cannot move. To regain control over your avatar hover your mouse pointer to the side of the browser window. Disabling this feature, make the browser load in static mode with no interaction possible.

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. It 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

This webservice was used extensively in the Virtual Convention 23 Utherverse theatres.

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).

Navigation Home - Account - User Interface - Social Center - Housing - Decorating - Clothing - Support
Decorating
Bots - Chromium - Decorating Guides - Deco Tools - Domain - Prop Editor - Property - Props - Prop States - Ramps - Scripts - Transport - World Texture Editor - Zaby
Script Pages
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) - Web Browser PopUp (Chromium)
Deco Articles
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