Login | Register 
FEATURES
APPLICATIONS
DOWNLOADS
EDUCATION
BLOG
WIKI
FORUM
STORE

SimpleBrowser (099)

Helpful techniques for working with TouchDesigner. Answers only, no questions.

SimpleBrowser (099)

Postby nettoyeur » Fri Dec 02, 2016 12:38 pm

As an example how you can get unlimited interactivity with webpages using the executeJavascript method in the WebrenderTOP class, I built a very simple webbrowser in TD099

Click links with your mouse, and use the back and forward buttons to go through your browsing history.

See demo video: https://youtu.be/oyvDC54R8zc

Download SimpleBrowser:
(build in 099_2016.4500)
Attachments
SimpleBrowser.toe
(17.6 KiB) Downloaded 127 times
Idzard Kwadijk | freelance TouchDesigner consultant | LinkedIn
nettoyeur
 
Posts: 749
Joined: Mon Oct 15, 2012 12:00 pm
Location: Amsterdam, The Netherlands

Re: SimpleBrowser (099)

Postby DavidBraun » Fri Dec 02, 2016 12:55 pm

With back buttons too! Nice work.
DavidBraun
 
Posts: 249
Joined: Wed Feb 25, 2015 1:35 pm
Location: Chicago

Re: SimpleBrowser (099)

Postby elburz » Sat Dec 03, 2016 3:59 am

haha very nice.
--
Elburz Sorkhabi
Creative + Technology
nVoid Art-Tech Limited
http://nvoid.com
elburz
 
Posts: 1867
Joined: Fri Jun 01, 2012 6:55 pm
Location: Toronto, Canada

Re: SimpleBrowser (099)

Postby ben » Tue Dec 20, 2016 4:25 pm

Hello everyone, we took this example a bit further. You will need to update to Windows build 2016.5580 to use it.

In this version, key inputs are captured so you can type into the webpage. This is done with the webrenderTOP_Class sendKey() method.

Also the mouse interaction with the page has been updated to use the interactMouse() method.

Anyways, please check it out and give us feedback on how it works and what else you'd like to see in a Web Browser COMP like this. Shout out to nettoyeur for getting this started.
Attachments
simpleBrowser.tox
Build 2016.5580+ required
(2.94 KiB) Downloaded 70 times
User avatar
ben
Staff
 
Posts: 1939
Joined: Thu Nov 08, 2007 6:55 pm
Location: Toronto

Re: SimpleBrowser (099)

Postby Achim » Fri Dec 23, 2016 12:49 pm

It would be great if we could use python to set/control the "camera rotations" when watching vr videos in the browser
Achim
 
Posts: 1656
Joined: Wed Nov 14, 2007 1:52 pm

Re: SimpleBrowser (099)

Postby DavidBraun » Fri Dec 23, 2016 7:48 pm

I'm so happy with this tox and combining it with Windows system audio: viewtopic.php?f=17&t=9594&p=36330&hilit=audio#p36330

I noticed that it could run a little faster with exports rather than expressions, so here's a version like that.
Attachments
simpleBrowser.tox
(3.43 KiB) Downloaded 123 times
DavidBraun
 
Posts: 249
Joined: Wed Feb 25, 2015 1:35 pm
Location: Chicago

Re: SimpleBrowser (099)

Postby nettoyeur » Sat Dec 24, 2016 12:08 am

hey,great that you guys enabled text input and mouse scroll support!
I see there's still some dutch debug code left... :D

Since you're asking for RFE's: it seems there is support in CEF3 for a fullscreen callback, when you click the fullscreen button on a HTML5 video. It would be very handy if the video would then fill up the texture dimensions of the webrender TOP - which would help a lot for youtube/vimeo etc integrations.
Idzard Kwadijk | freelance TouchDesigner consultant | LinkedIn
nettoyeur
 
Posts: 749
Joined: Mon Oct 15, 2012 12:00 pm
Location: Amsterdam, The Netherlands

Re: SimpleBrowser (099)

Postby zcalvin » Tue May 02, 2017 9:20 am

This is great.

Is there any way of bringing up the onScreenKeyboard component automatically when a text-entry field is clicked on?
Something like having an info chop channel trigger on-off when a textbox is focused or not, so I'd know to show or hide the keyboard.
Thanks.
zcalvin
 
Posts: 57
Joined: Wed Dec 17, 2014 10:20 am
Location: Detroit


Return to Techniques

Who is online

Users browsing this forum: No registered users and 2 guests