Use my own URL for a virtual tour

From 3dvista
Revision as of 09:21, 13 November 2019 by Jose (talk | contribs) (Created page with "When you are hosting your tour with 3DVista Hosting Service or any other hosting provider, the URL of your tour will have the domain on the provider in it. If you want to have...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search

When you are hosting your tour with 3DVista Hosting Service or any other hosting provider, the URL of your tour will have the domain on the provider in it. If you want to have a URL of your own domain for the virtual tour you need to create a HTML with this code:

<!DOCTYPE html> <html>

   <head>
       <title>Evenes kommune</title>
       <meta property="description" content="Evenes kommune" />
       
       
       
       <meta name="twitter:card" content="summary_large_image">
       <meta name="twitter:title" content="Evenes kommune">
       <meta name="twitter:description" content="Evenes kommune">
       <meta name="twitter:url" content="http://www.chilivr.no/evenes">
       <meta name="twitter:image:src" content="http://storage.net-fs.com/hosting/5658737/30/socialThumbnail.jpg">
       <meta name="twitter:image:width" content="1200">
       <meta name="twitter:image:height" content="630">
       <meta property="og:title" content="Evenes kommune">
       <meta property="og:type" content="website">
       <meta property="og:description" content="Evenes kommune">
       <meta property="og:url" content="http://www.chilivr.no/evenes">
       <meta property="fb:app_id" content="817622095004141">
       <meta property="og:image" content="http://storage.net-fs.com/hosting/5658737/30/socialThumbnail.jpg">
       <meta property="og:image:width" content="1200">
       <meta property="og:image:height" content="630">
       <link rel="image_src" href="http://storage.net-fs.com/hosting/5658737/30/socialThumbnail.jpg">
       <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
       <meta name="viewport" content="user-scalable=no, initial-scale=0.5, width=device-width">
       <style type="text/css">
           html, body { height:100%; margin:0; overflow:hidden; padding:0; width:100%;}
           iframe { height:100%; position:relative; width:100%; }
       </style>
   </head>
   <body>
       <script type="text/javascript">
           var ua = (function() { return navigator.userAgent.toLowerCase(); })();
           var inUA = function(value) { return (ua.search(value.toLowerCase()) >= 0); };
           var mobile = inUA('android') || inUA('ios') || inUA('iphone') || inUA('ipod') || inUA('ipad');
           var url = 'http://storage.net-fs.com/hosting/5658737/30/index.htm' + window.location.hash;
           function redirect()
           {
               location.href = url;
           }
           function embed()
           {
               var attrs = {
                   'width': '100%',
                   'height': '100%',
                   'src': url,
                   'scrolling': 'auto',
                   'frameborder': '0',
                   'allowfullscreen': '1',
                   'allow': 'fullscreen; accelerometer; gyroscope; magnetometer; vr'
               };
               var iframe = document.createElement('IFRAME');
               for (var name in attrs)
                   iframe.setAttribute(name, attrs[name]);
               document.body.appendChild(iframe);
           }
           if (mobile)
           {
               redirect();
           }
           else if (navigator.getVRDisplays)
           {
               navigator.getVRDisplays().then(function(displays)
               {
                   if (displays.length > 0)
                       redirect();
                   else
                       embed();
               }).catch(function(err)
               {
                   embed();
               });
           }
           else
           {
               embed();
           }
       </script>
   </body>

</html>