Firstly, you would have to set “navigation_type”:“1” in order to get spatial navigation, e.g. with a mouse.
Secondly, for an external web site, your content would have to be very simple, maybe a wrapper written in HTML5 for a snapshot or slideshow. You can’t just point to a website that uses flash and SWF files and expect it to work, as I found out with my earlier SBS Ondemand attempt. (which caused the WDTV to reboot)
According the the SDK documents the WDTV uses the QT Webkit browser for html and javascript, and the browser accepts html5 tags. Your best option would be to build a local web page on the USB that is a wrapper to the particular video files that you want to view using HTML5.
I couldn’t find the code for a lot of the apps, e.g. ABC iView or BBC player, in the GPL source, so they are obviously proprietary, built and compiled specially for the SigmaDesigns SMP8670 SOC media processor. At least you can download the toolchain from WD if you want to compile your own app.
Here is my local webcam site on the USB which works OK. manifest.json
{
"id":"E10002",
"type":"browser",
"title":"Bird Cam local",
"version":"1.00.00",
"author":"Paul",
"author_information":"",
"publish_date":"2014/08/13",
"description":[{
"LanguageCode":"en","Description":"Bird Cam 192.168.0.99 test app"
}],
"changelog":"",
"launch":"htdocs/index.html",
"launch_args":"",
"daemon":"",
"daemon_args":"",
"requirements":{"network":"1","cookie":"1","navigation_type":"1"
,"cehtml_key":"1","backdoor":"1","redirect_times":""},
"app_option_image":"",
"app_icon_image":"",
"region_limitation":[""],
"app_category":["",""],
"user_agent":"",
}
The index.html that it refers to is pretty basic…
<html>
<head>
<meta http-equiv="Content-Type" content="text/html">
<title>Bird Feeders</title>
</head>
<body bgcolor="#4D6B7F">
<h1 align="center">Bird Feeders, front yard</h1>
<table border="0" cellpadding="10" cellspacing="0" width="100%">
<tr>
<td bgcolor="#4D6B7F" align="center" valign="middle">
<script language="JavaScript" type="text/javascript">
function reload() {setTimeout('reloadImg("refresh")',1000)};
function reloadImg(id)
{
var obj = document.getElementById(id);
var rand = Math.random();
obj.src="http://192.168.0.99:8081/snapshot.cgi?user=test&pwd=test&next_url=birds.jpg&t="+rand;
}
</script>
<img src="http://192.168.0.99:8081/snapshot.cgi?user=test&pwd=test&next_url=birds.jpg&t=" name="refresh" id="refresh" onload='reload()'></td>
</tr>
<tr>
<iframe name="control1" border=0 width=0 height=0></iframe>
<iframe name="control2" border=0 width=0 height=0></iframe>
<iframe name="control3" border=0 width=0 height=0></iframe>
<iframe name="control4" border=0 width=0 height=0></iframe>
<iframe name="control5" border=0 width=0 height=0></iframe>
<iframe name="control6" border=0 width=0 height=0></iframe>
<iframe name="control7" border=0 width=0 height=0></iframe>
<iframe name="control8" border=0 width=0 height=0></iframe>
<td colspan="4" align="center">
<a href="http://192.168.0.99:8081/decoder_control.cgi?command=31&user=test&pwd=test" TARGET="control1">Bird Feeders</a>|<a href="http://192.168.0.99:8081/decoder_control.cgi?command=33&user=test&pwd=test" TARGET="control2">Driveway</a>|
<a href="http://192.168.0.99:8081/decoder_control.cgi?command=35&user=test&pwd=test" TARGET="control3">Garden</a>|
<a href="http://192.168.0.99:8081/decoder_control.cgi?command=37&user=test&pwd=test" TARGET="control4">Left</a>
<a href="http://192.168.0.99:8081/decoder_control.cgi?command=39&user=test&pwd=test" TARGET="control5">Centre</a>|<a href="http://192.168.0.99:8081/decoder_control.cgi?command=41&user=test&pwd=test" TARGET="control6">Right</a>|
<a href="http://192.168.0.99:8081/decoder_control.cgi?command=43&user=test&pwd=test" TARGET="control7">Steps</a>|
<a href="http://192.168.0.99:8081/decoder_control.cgi?command=45&user=test&pwd=test" TARGET="control8">Porch</a>
</td>
</tr> </table>
</body>
</html>
Of course I also have to used the SDK of the web cam…
Anyway, hope this helps. There is a lot of stuff out there, various forums, etc. which may be useful.