Search Unity

  1. Welcome to the Unity Forums! Please take the time to read our Code of Conduct to familiarize yourself with the forum rules and how to post constructively.
  2. We have updated the language to the Editor Terms based on feedback from our employees and community. Learn more.
    Dismiss Notice
  3. Join us on November 16th, 2023, between 1 pm and 9 pm CET for Ask the Experts Online on Discord and on Unity Discussions.
    Dismiss Notice

web player help

Discussion in 'Editor & General Support' started by oldcollins, Mar 21, 2014.

  1. oldcollins

    oldcollins

    Joined:
    Aug 3, 2012
    Posts:
    111
    i have unity pro and im trying to change the logo on the web player to one of my own here is what i have

    Code (csharp):
    1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    2. <html xmlns="http://www.w3.org/1999/xhtml">
    3.     <head>
    4.         <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    5.         <title>Unity Web Player | Tag Media WebSite</title>
    6.         <link href="css/styles.css" rel="stylesheet" type="text/css" media="screen">
    7.         <script type='text/javascript' src='https://ssl-webplayer.unity3d.com/download_webplayer-3.x/3.0/uo/jquery.min.js'></script>
    8.         <script type="text/javascript">
    9.         <!--
    10.         var unityObjectUrl = "http://webplayer.unity3d.com/download_webplayer-3.x/3.0/uo/UnityObject2.js";
    11.         if (document.location.protocol == 'https:')
    12.             unityObjectUrl = unityObjectUrl.replace("http://", "https://ssl-");
    13.         document.write('<script type="text\/javascript" src="' + unityObjectUrl + '"><\/script>');
    14.         -->
    15.         </script>
    16.         <script type="text/javascript">
    17.         <!--
    18.                     var params = {
    19.                     backgroundcolor: "A0A0A0",
    20.                     bordercolor: "000000",
    21.                     textcolor: "FFFFFF",
    22.                     logoimage: "assets/images/logo.png",
    23.                     progressbarimage: "MyProgressBar.png",
    24.                     progressframeimage: "MyProgressFrame.png"
    25.                     };
    26.                     var u = UnityObject2({ params: params });
    27.                
    28.  
    29.              u.observeProgress(function (progress) {
    30.             var $missingScreen = jQuery(progress.targetEl).find(".missing");
    31.             switch(progress.pluginStatus) {
    32.                 case "unsupported":
    33.                     showUnsupported();
    34.                 break;
    35.                 case "broken":
    36.                     alert("You will need to restart your browser after installation.");
    37.                 break;
    38.                 case "missing":
    39.                     $missingScreen.find("a").click(function (e) {
    40.                         e.stopPropagation();
    41.                         e.preventDefault();
    42.                         u.installPlugin();
    43.                         return false;
    44.                     });
    45.                     $missingScreen.show();
    46.                 break;
    47.                 case "installed":
    48.                     $missingScreen.remove();
    49.                 break;
    50.                 case "first":
    51.                 break;
    52.             }
    53.         });
    54.         jQuery(function(){
    55.     u.initPlugin(jQuery("#unityPlayer")[0], "RenderTest(Street).unity3d");
    56.         });
    57.                
    58.         -->
    59.         </script>
    60.  
    61.             });
    62.         <style type="text/css">
    63.         <!--
    64.         body {
    65.             font-family: Helvetica, Verdana, Arial, sans-serif;
    66.             background-color: white;
    67.             color: black;
    68.             text-align: center;
    69.         }
    70.         a:link, a:visited {
    71.             color: #000;
    72.         }
    73.         a:active, a:hover {
    74.             color: #666;
    75.         }
    76.         p.header {
    77.             font-size: small;
    78.         }
    79.         p.header span {
    80.             font-weight: bold;
    81.         }
    82.         p.footer {
    83.             font-size: x-small;
    84.         }
    85.         div.content {
    86.             margin: auto;
    87.             width: 960px;
    88.         }
    89.         div.broken,
    90.         div.missing {
    91.             margin: auto;
    92.             position: relative;
    93.             top: 50%;
    94.             width: 193px;
    95.         }
    96.         div.broken a,
    97.         div.missing a {
    98.             height: 63px;
    99.             position: relative;
    100.             top: -31px;
    101.         }
    102.         div.broken img,
    103.         div.missing img {
    104.             border-width: 0px;
    105.         }
    106.         div.broken {
    107.             display: none;
    108.         }
    109.         div#unityPlayer {
    110.             cursor: default;
    111.             height: 600px;
    112.             width: 960px;
    113.         }
    114.         -->
    115.         </style>
    116.     </head>
    117.     <body>
    118.     <div id="banner">
    119. <img src="images/banner.png" width="900" height="170">
    120. </div>
    121.  
    122. <p class="header"><span>Unity Web Player | </span>Tag Media WebSite</p>
    123.         <div class="content">
    124.  
    125.             <div id="unityPlayer">
    126.                 <div class="missing">
    127.                     <a href="http://unity3d.com/webplayer/" title="Unity Web Player. Install now!">
    128.                         <img alt="Unity Web Player. Install now!" src="http://webplayer.unity3d.com/installation/getunity.png" width="193" height="63" />
    129.                     </a>
    130.                 </div>
    131.                 <div class="broken">
    132.                     <a href="http://unity3d.com/webplayer/" title="Unity Web Player. Install now! Restart your browser after install.">
    133.                         <img alt="Unity Web Player. Install now! Restart your browser after install." src="http://webplayer.unity3d.com/installation/getunityrestart.png" width="193" height="63" />
    134.                     </a>
    135.                 </div>
    136.             </div>
    137.         </div>
    138.                                        <div id="player">
    139. <p><br/>to navigate please use W,S,A,D to move player,<br/> Use Your mouse to move camera.</p>
    140. </div>
    141.         <p class="footer">« created with <a href="http://unity3d.com/unity/" title="Go to unity3d.com">Unity</a> For<a href="http://tagmedia.tagbolton.co.uk/" title="Go to TagMedia Static">TagMedia</a> © TagMedia 2014 »</p>
    142.     </body>
    143. </html>
    but its not working it still showing the unity logo any help would be great thanks
     
  2. oldcollins

    oldcollins

    Joined:
    Aug 3, 2012
    Posts:
    111
  3. Graham-Dunnett

    Graham-Dunnett

    Unity Technologies

    Joined:
    Jun 2, 2009
    Posts:
    4,287
    I use:

    Code (csharp):
    1.            var config = {
    2.                 width: 960,
    3.                 height: 600,
    4.                 params: {
    5.                     enableDebugging:"0",
    6.                     backgroundcolor: "A0A000",
    7.                     logoimage: "gjd2.png"
    8.                 }
    9.                
    10.             };
    11.             var u = new UnityObject2(config);
    and that works for me. If you move your logo.png up two levels to be alongside the unity3d file does it work then?