by Chris Cavanagh

WPF 3D Chromium Browser

UPDATE: Now shows separate browser on each face! (a fast PC will help 🙂 ).  Click a face in “browse” mode to select it and change the URL (or interact with it).  Source code available on CodePlex (see related post).

There’s an updated version of YouCube (WPF 3D Web Browser) available based on my Awesomium / Chromium control.  Try it here!

image

If you prefer you can run the application locally instead (ZIP here).

image

For more examples, and an important note about VS2010, be sure to check out Sacha Barber’s related post 🙂

kick it

38 Comments

  2. I downloaded thia app. I could not browse. I could see white box and be able to rotate it but could not really use it. Great effort though!!

    Reply

  3. Bravo – Interesting… Did you run the ClickOnce app or use the ZIP? It’s possible the zip is a little out of date compared to the ClickOnce (I maybe forgot to update it).

    Does your browser usually go through a proxy or anything “unusual”? Do you already use Google Chrome? (maybe having the full browser will let you configure any other settings it needs…. I’m just taking a wild guess here though 🙂 ).

    Any more details you can send would be helpful 🙂

    Reply

  4. This is a great idea, and im using it to type this comment as we speak…..

    It does have a few bugs though, which I will list next, then of course, il add some praise at the end 😉

    anyway, so far the “youcube” seems to be having some trouble with flash and java, I havnt tested anything else, and sometimes its hard to see the scroll bar, maybe you could make the green border on the side of the fase a bit thinner? I would also like to see som form of back button if you could. There are a few other small bugs and glitches and stuff, but they are very, ( VERY! ) small…..

    I do however like the way that the cube “scales” with the window it uses, and the fullscreen option, and I love the way everything on the cube is “live” and sont just pause when you switch windows……..Imagine watching three youtube vids at the same time…….

    I would also suggest that you be careful with the name……..”youcube” is like “youtube” and google might not like that…….

    Continue the good work!

    Reply

  5. Thanks Shannon! Yes it urgently needs a back button 🙂 If you install Safari or Google Chrome and install the Flash & Silverlight plugins there, they should appear in YouCube (it’s based on the same browser base as Chrome & Safari).

    I’ll go make the green focus border a bit thinner…

    Reply

  10. Sorry Chris – my comment came over strong and not what I meant all. Yours looks like renderes more high resolution and looks very nice. Good job.

    squid: what is libmozilla – not heard that.

    Reply

  11. Li Fong – No worries 🙂 This is just a demo showing some of the cool / crazy things possible with a WPF browser control (rather than embedded ActiveX). I wasn’t familiar with uBrowser before though, so thanks for pointing it out!

    Reply

  17. […] YouCube – Geliştiricinin böylesi de var tabi. Chris Cavanagh, klişede sınır tanımamış; manşetlere çıkmak için elinden geleni yapmış. Kabız bir proje adıyla WPF üzerinde yazdığı MS’in kod gezegenine yerleştirdiği 3B tarayıcıyı anons ediyor. Chris’i insanlığa yaptığı bu büyük katkı için kutlamamak elde değil. Ama merak etmiyor değiliz bugüne kadar neden başka bir âdemoğlu 3 boyutlu web tarayıcısı yapmayı düşünemedi. Şahidiz; WPF ile kaybolan heyecanımızı yeniden bulduk! […]

    Reply

  20. Hello I download the Software YouyCube and I was delighted but I want to see the source code….
    And I would also like to download the source code of Chrorium Bowser
    I appreciate their work
    I´m from argentina….

    Reply

  23. Julian – Sorry for the confusion. If you select the Source Code tab on CodePlex, then select the most recent change set you can browse the source. There’s also a Download link that’ll give you everything in a zip.

    Note the YouCube 3 source has dependencies on a couple components in the WPF Chromium project (AwesomiumWrapper and Cjc.ChromiumBrowser).

    Reply

  26. Hi!

    Really…Nice Work!!!
    Specially if you want to use it in a Multitouch environment!

    Now I am just missing a nice (rotate enabled) PDF Control…and then we can open PDF’s with this browser and adapt to a multitouch app that can display/Rotate PDF’s too…

    Thanks a lot! Great work!

    Reply

  27. This is amazing. I just have problems running it…
    I added reference to cjc. Awesomiumwrapper and cjc. and cjc.chromiumbrowser and I am getting:
    A first chance exception of type ‘System.IO.FileNotFoundException’ occurred in Cjc.ChromiumBrowser.dll

    Reply

  28. Hi Chris, I have the same problem as wexoni: System.IO.FileNotFoundException occurred in Cjc.ChromiumBrowser.dll. I get this problem when I test the web browser on a non-developper device. I have installed redistributables for C++ (2005, 2008 and 2010) but I always get this error. And on my computer, the same executable works well. Do you have an idea to resolve this problem ?

    Reply

  29. wexoni & Tito – First make sure you’re using the matching versions of WebBrowser and Awesomium (probably are since it’s working on developer machines, but worth checking)… The source on the “Source code” tab in CodePlex is currently based on Awesomium 1.5.1. The zipped source on the “Downloads” page is based on Awesomium 1.6 beta (still waiting on release).

    If that seems to be in order, maybe one of the Awesomium binaries is missing. Awesomium 1.5.1 only needed a couple, but 1.6 has a bunch of them (to support things like process isolation etc).

    Also take a look in the Application Log (through Event Viewer). There might be something useful logged there.

    If still no luck, could you send me a zip so I can take a closer look? (awesomium-at-chriscavanagh.com).

    EDIT: Also, are these issues all with your own projects using Cjc.ChromiumBrowser & Cjc.AwesomiumWrapper, or specifically related to YouCube 3?

    Reply

  31. sir,i have downloaded the source code and run the application in my visual studio but only the first url of cube loads and other are showing the source code of the website….please help me….
    i request u to pls. send me the corrected source code or the path of source code so that i can download it and run it correctly…

    Reply

    1. saurabh – Does the demo app work ok for you? (running directly; not building from source).

      I’ll look into this and let you know if I find anything (someone else reported a similar issue with their own project, although the demo appeared to work ok for them).

      Reply

  32. Not actually, it stops running while in the debugging when we try to rotate the cube…but that’s not my problem…If u can help me to show all 6 URL’S on each 6 phases then please let me know…..waiting for ur reply.

    Reply

  33. If you are interested in using WPF 3D I would recommend checking out the http://www.wpf-graphics.com/Overview3d.aspx.

    The page describes advantages of using WPF 3D in business applications.

    Check out also the Ab3d.PowerToys library that simplifies using WPF 3D and adds many advanced features like: simplifies cameras, camera controllers, 3D models (box, sphere, etc.), 3D lines, 3D text and simplified event handling on 3D objects.

    There is also Ab3d.Reader3ds library that can read objects and animations from 3ds files.

    Reply

  34. I got the below error when i build the latest source. ‘Cjc.ChromiumBrowser.WebBrowser’ does not contain a definition for ‘EnableAsyncRendering’ D:\Bowser\youcube3-76924\Window1.xaml.cs 179 5 Cjc.Chromium3D

    Could you please help?

    Reply

Leave a comment