Is your site ready for Wii? [UPDATED]
Thursday, 30. November 2006, 23:20:07
Search Google on your Wii
Do you own or are responsible for developing a web site? Is it ready for the arrival of Nintendo's Wii browser? While the browser isn't available to test, bar a few hacked versions of the shopping channel, it is relatively straight forward to find out how your site will work on the Wii browser. As Opera uses the same browser engine on the desktop as it does on it's embedded and mobile browsers, you don't need much more than a copy of the latest version of the desktop browser (download it here ) and a spare few minutes.
If your site works in Opera 9 then it is 95% towards being Wii compatible. Be sure to check out the beta release of our developer tools on Dev.Opera to make your life easier. Make sure that you rip out any browser sniffing that may be blocking Opera from accessing the site. The Wii browser shares a very similar User Agent string to Opera 9, so allowing Opera entry will also allow the Wii entry, as long as you don't match the exact UA string. If you are using a third-party menu that isn't working correctly, then it is likely an old version that sends Opera broken content. Upgrading to the newest version should fix the issues in most cases. The same goes for other JavaScript libraries, such as Rich Text editors.
Once it is working on the desktop, there are a couple of issues you may have to consider. Compared to a modern PC or Mac, the Wii has limited memory resources. For this reason, if you make heavy use of Flash, with high bandwidth content (such as movie streaming) then you may have performance issues on the Wii. Things such as rewinding videos may not work, as the Wii can not hold all of the video in memory like a desktop can. It is important to try to optimise your flash code as much as possible if you'd like to give as good an experience as possible. It will also be worth checking out Tarquin's article on efficient JavaScript to see how to wring out as much performance as possible. While Flash mostly works as expected, you'll not be so lucky if you make use of other plug-ins such as Quicktime and Windows Media. These will most likely not be included. Lastly, a TV's resolution is much lower than today's monitors. It will be worth resizing Opera's window to the size of a TV's resolution, and try switching on Fit-to-width. This can be activated by going to the View menu and then to Fit to Width
. This resizes the page to eliminate horizontal scrolling. Try standing back from your monitor, as TV's are often used from the couch, and not as close as you would sit at your monitor. While your text may get too small to comfortably read at long distances on a TV, The Wii browser supports Adaptive Zoom, as can be seen in the video on the Wii homepage.
While I've been working with selective major sites to help them get ready for Wii, I can't contact every site. If you have been trying to get your site to work and have run into problems, or have any questions, then feel free to get in touch with me, and I'll look into how we can help you. Good luck bug hunting!
[UPDATE] There are a couple of other points that I'd like to raise now that the browser is out in Beta. First of all, the Wii browser uses Flash version 7. While Nintendo and Opera would love to use Flash 9, Flash 7 is the latest version they make available for licensing for embedded devices. For Flash to work on Wii, it must be targeted towards version 7 or below.
Also of interest to developers is that the Wii Browser supports a variation of our Small Screen Rendering technology. This is the technology we use in our small screen devices, to reformat a page to fit in one column with no horizontal scrolling. In general people will use a big screen while surfing the Wii, but the resolution difference between some modern mobile phones and standard definition TV is not that great. If you define a handheld stylesheet, the automatic reformatting will be overridden with the styles you define in the stylesheet. This will allow you full control on how the page is rendered in this mode. Bare in mind however that this will also be used on mobiles, so this shouldn't be designed with the Wii in mind. One useful trick you could do with a handheld stylesheet, as well as to eliminate the horizontal scrolling, is to bump up the text size. This will make the text more readable on both Wii and Mobile, without having to zoom. We have articles on designing for handhelds on Dev.Opera and I can help you with any queries. Cameron Moll has a book in the pipeline on mobile web design, and I'd highly recommend anyone to pick it up that is interested in designing sites to work beyond the desktop.



WildEnte # 1. December 2006, 03:06
dstorey # 1. December 2006, 14:57
dantesoft # 1. December 2006, 18:11
dstorey # 3. December 2006, 23:01
Optimuz # 22. December 2006, 19:45
Also I've tried viewing profiles on stickam, but each time I view them it brings me back to the start page. Whats weird about stickam is that I tried opening multiple times to view different profiles, and my browser actually froze including the nintendo wii, and I could not shut it off nor reset it on the system so I had to unplug the whole thing. All I know is that this site uses flash for live video feeds, and maybe its the coding that messed it up in flash, but I don't know, it's something that you might want to look into.
So far the browser works well on youtube except for the on going flash disappearing and reappearing. I'd love to beta test more so if there is a section where I can help out on feedback that would be nice
dstorey # 22. December 2006, 22:52
Anonymous # 30. January 2007, 00:15
when i go on gaming sites i cant play the games, y is this
Anonymous # 11. February 2007, 19:37
a site i use works fine on opera but it looks weird on the wii... and on my pc i checked and it is all valid html and css and it works in most browsers I think. Why would this happen?
haavard # 14. February 2007, 14:58
Anonymous # 15. February 2007, 16:34
Does anyone know the resolution used by the Wii Opera Browser? I created a small web app last night with the idea (from what I read on other sites) that the resolution is 640x480, but I ended up changing everything to 800x600 to look better on my TV. Also, does the resolution change at all on different types of TVs?
--Joe
Anonymous # 2. March 2007, 15:54
The site I was referring to in my post on 11th February is 'www.n-shop.co.uk'
Check it out on opera on the pc, then firefox and IE too and see it works fine and is all valid html.
When you view it on the wii it looks different and it positions objects all over the page? Why would it do that if it's valid and works on opera pc version?
Anonymous # 29. September 2009, 01:18
How can one reliably tell if Single Column Mode is enabled? I'd like to disable some JavaScript that runs great in regular Wii display mode but is unnecessary (and obscures text) in Single Column Mode.