Utherverse Wiki
Advertisement

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 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 Z settings 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: Image cam and Image mic

  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

Advertisement