When you build a webplayer project, Unity embeds the player in an HTML page so that it can be played in the browser. The default page is very simple, with just a white background and some minimal text. There are actually three different variations of this page which can be selected from the Player Settings inspector (menu: Edit > Project Settings > Player).
The built-in HTML pages are fine for testing and demonstrating a minimal player but for production purposes, it is often desirable to see the player hosted in the page where it will eventually be deployed. For example, if the Unity content interacts with other elements in the page via the external call interface then it must be tested with a page that provides those interacting elements. Unity allows you to supply your own pages to host the player by using webplayer templates.
Custom templates are added to a project by creating a folder called “WebPlayerTemplates” in the Assets folder - the templates themselves are sub-folders within this folder. Each template folder contains an index.html or index.php file along with any other resources the page needs, such as images or stylesheets.
Once created, the template will appear among the options on the Player Settings inspector. (the name of the template will be the same as its folder). Optionally, the folder can contain a file named thumbnail.png, which should have dimensions of 128x128 pixels. The thumbnail image will be displayed in the inspector to hint at what the finished page will look like.
During the build process, Unity will look for special tag strings in the page text and replace them with values supplied by the editor. These include the name, onscreen dimensions and various other useful information about the player.
The tags are delimited by percent signs (%) in the page source. For example, if the product name is defined as “MyPlayer” in the Player settings:-
…in the template’s index file will be replaced with
…in the host page generated for the build. The complete set of tags is given below:-
UNITY_WEB_NAME: Name of the webplayer.
UNITY_WIDTH and UNITY_HEIGHT: Onscreen width and height of the player in pixels.
UNITY_WEB_PATH: Local path to the webplayer file.
UNITY_UNITYOBJECT_URL: By default, the webpage will download UnityObject2.js from Unity’s website as necessary (ie, the Offline Deployment option is disabled). This tag provides the URL that will be used to download the file.
UNITY_UNITYOBJECT_DEPENDENCIES: The UnityObject2.js file has dependencies; this tag will be replaced with those dependencies.
UNITY_BETA_WARNING: If the webplayer has been built with a beta version of Unity, this tag will be replaced with a short warning message about the fact. Otherwise, it is replaced with nothing.
UNITY_CUSTOM_SOME_TAG: If you add a tag to the index file with the form UNITY_CUSTOM_XXX, then this tag will appear in the Player Settings when your template is selected. For example, if something like
<title>Unity Web Player | %UNITY_CUSTOM_MYTAG%</title>
…is added to the source, the Player Settings will look like this:-
The textbox next to the tag’s name contains the text that the custom tag will be replaced with during the build.
To illustrate the use of the template tags, here is the HTML source that Unity uses for its default webplayer build.