Start a new topic

HTML Content

Hello, 


I'm still learning the basics of Wikitude SDK. 


My eventual goal is to display data which is changing constantly within the AR scene. I think the easiest way to do this is to have the data changing on a HTML browser window and display this local browser in the AR scene. I've tried adapting the weather widget example in the documentation.


 

</head>
<body>
    <span style="display: block !important; width: 320px; text-align: center; font-family: sans-serif; font-size: 12px;">
        <a href="https://www.wunderground.com/cgi-bin/findweather/getForecast?query=zmw:96801.1.99999&bannertypeclick=wu_clean2day"
           title="Honolulu, Hawaii Weather Forecast" target="_blank">
            <img src="https://www.wikitude.com/demos/weather-widget-live/wxBanner.gif" alt="Find more about Weather in Honolulu, HI" width="300" /></a>
        <br><a href="https://www.wunderground.com/cgi-bin/findweather/getForecast?query=zmw:96801.1.99999&bannertypeclick=wu_clean2day"
               title="Get latest Weather Forecast updates" style="font-family: sans-serif; font-size: 12px"
               target="_blank">Click for weather forecast</a>
    </span>
</body>
</html>

 but it seems that this is only displaying a static image of the weather. i could be wrong but i don't think the below image doesn't change. Is this right?


image


When I click on the image  it does bring me into a live page but I require this live page to be shown within the AR scene not after clicking through. Is there a way to do this easily? 


thanks in advance

Al


Just wondering if anyone had any ideas on the above. It's really critical that I can view HTML content within the AR scene for my application. 

Hi,


Yes the image in this sample is a static one - https://www.wikitude.com/demos/weather-widget-live/wxBanner.gif. 


In general any HTML content can be loaded by passing a relative or absolute URL. You can find further details on this topic here:


https://www.wikitude.com/external/doc/documentation/latest/android/imagerecognition.html#adding-html-content


NOTE: The HTMLDrawable is not intended to be used with very complex content and design, as the rendering and behaviour is dependent on the device and the webview used. So we recommend to use it only for very simple things.


If you work with simply shorter text that needs to be updated, we recommend using e.g. the Label and updating the text on the label.


Greetings

Nicola

Login or Signup to post a comment