hi Ronald, i've tried it in my virtual tour but it just won't call the component name. tried changing the wf name to yours, etc, but still unable to do so. do you have any idea? haha thanks
Hi Jessica! Glad you like them 😁 Make sure there's one skin component with that name of the webframe. And make sure it matches in the javascript code. Hope that helps!
@@360Creators hey Ronald. thanks so much. yeah i figured out what happened. it was because the component containing the wf wasn't shown. thanks so much btw.
Currently there's the webframe hotspot, so you can see the webframe directly inside a panorama if that's what you're looking for. If you'd want to take it less space of the screen, but still always visible, then make the webframe smaller and place it for example on the bottom right.
I wonder what am i missing about webframe, when i've done click hotspot at preview ERR_BLOCKED_BY_RESPONSE error appears in black page on webframe? What could be wrong?
I knew someday a job would come along and I would need this. I see some people are having some issues with other websites like You Tube. The trick is to include the embed code in the URL, so to include this video in the Javascript, you would need to write this.getComponentByName('wf_popup').set('url', 'th-cam.com/video/XyHnOMLpH3A/w-d-xo.html'); In addition, you will need to add an element into a container so that you could close it.
Make sure each quote ' is in there when replacing the link or the name of the skin component. Use this as reference: this.getComponentByName('wf_popup').set('url', '360creators.com/');
Also check that there's no duplicates of the same skin component in there. If you have two skin components called 'wf_popup', then it's going to guess or break. You can check it by using the search field in the skin to search for wf_popup or whatever name you gave it.
Hello friend, thanks for all the tips, I am complicated because in a tour in live guided tour mode when loading a matterport window the host can continue showing it and the guest seeing what the host moves within the matterport
Loading in any content inside a webframe, whether that's a matterport tour or any other site, is simply not visible within a live guided tour. To have at least something showing up, consider making a screenrecording of going through the webcontent and have that video imported into 3DVista to show up with your live guided tour session instead.
Great tutorial. Question: When building the dynamic webframe, I put in all of the URLs into the various javascripts but cannot see the sites when previewing. I know these are not blocked sites so what is the best way to test whether these sites are going to populate locally. My site is over 20GB and growing and it is rather annoying to find that the site has not populated the webframe after waiting for it to upload. Please advise.
Hoi Ronald, als ik een webframe aanmaak zoals jij hebt gedaan in deze video dan krijg ik geen website te zien. Vlak waarin de webframe zich zou moeten bevinden blijft wit. Ik vind het vreemd want als ik het probeer met mijn eigen website dan doet die het wel, alleen duurt het laden wat langer. Heb jij hier ook ervaring mee? Wat kan de reden hiervoor zijn? Kan het zijn dat de desbetreffende website geen s accepteert? Is er een workarround? Bedankt!
Ja ik vermoed inderdaad dat de desbetreffende website geen accepteert. Een workaround zou kunnen zijn om de website in eigen html code na te bouwen, of een screenshot maken van die website als popup image, of de developer van die desbetreffende website vragen om iFrames toe te staan. Als de website van je klant is en je bekijkt dit in de preview/localhost, dan kan je dit werkend krijgen door deze dan op de server van de klant te draaien, dan wordt het wel geaccepteerd.
E-commerce sites usually have their sites protected from iFraming. Search on "iFrame blocking" and you'll read why and how. If you want to use e-commerce pages, you'll have to recreate those pages in your own webcodes, so that you have full control over those pages. Or ask the webdeveloper of the e-commerce site to give you permission to iFrame. Usually when the virtual tour is hosted on the exact same domainname, it won't block anymore.
Exactly what I needed I’m integrating a search and recommendation engine into my tours (that have lots of info hotspots) and this will allow me to drive those recommendations dynamically - thank you!
Thx a lot! Do you know if there is a way to get with javascript the name of the hotspot clicked? (Something like this.name) and do you know if there is an api guide or links to get more informations on 3DV scripting? Thx!
Brilliant. Thank you for this and all your other great 3D Vista videos. 3D vista has really good training videos for the other features, but totally lacking with the JavaScript integration. I would greatly appreciate more JavaScript/3D Vista videos!!
Super one Ronald! Just one issue- added the 2nd line of Javascript & also copied it with the new name in the skin, but the mobile version doesnt work...exactly how would 2 lines of Javascript look? Are they to be one below the other?
Hello Ronald! His videos are amazing! I would like to know if it is possible to share my pc screen in real time for everyone who accesses the virtual tour? Like via google meet or zoom.
Thank you! 😁 Not directly in LGT functionality. Zoom has many limits embedding a call, it is somehow possible through developer tools. Not sure about google meet, I believe it's the same.
Nice video! 2 questions: - Is there a way to get current language and pass it to the url so we can get dynamic language as well in the webframe - Is there a way to reference local files and if so what is the relative address we should use?
OK and a third one ;): is it possible to reference the hotspot name like you did with the {{title}}? So that the line would be this.getComponentByName('wf_popup').set('url', '360creators.com/index.html?hotspot='+{{hotspotname}}+'&lang='+{{lang}});
1) duplicate webframe to webframe-language2. Then where you set the language through an action (a button of whatever element), add a second action to show/hide skin components and toggle show/hide both webframes. 2) path refers to everything in the index.htm folder 3) nope. If you need more help, feel free to book a training with me.
@@360Creators Great video. Question on #2: how can you test this in the preview? You have to copy the file into the index.htm folder, but where can I find this when I am in the preview?
In this example, your video is already on the screen. I'm trying to launch a popup and also use the dynamic web frame. I can't get both to work? Any advice?
Webframe popups are harder to recognize as you don't know the name. In the skin you can name it yourself to something such as wf_popup. In the default popup window, you'll need to find that webframe popup ID (might be indexable in the export file).
Learn so. much with your tunes, Ronad. Question: How did you resize the text in the 3Dvista interface? Seems larger than what I see on my Mac.. for me the interface text is tiny!
I wish I knew. I believe with the API released on the Marketplace ("JavaScript library and documentation"), that might most likely be possible. But haven't taken my time yet to dive into that.
Great video! but I do have a big question, I have tried in all possible ways to replicate a webframe with even the same website you are showcasing and many other websites and it doesn't let me open it , Dont know the reason , even when I upload to the host the tour it says that refuse to connect, do you know what could be the reason? , again I am using even the same website addresses you were showing in the video. best regards
Oh yes my own website got iFrame block as well now. That changed over time. And will most likely change again. Try this url: th-cam.com/video/XyHnOMLpH3A/w-d-xo.html
@@maryka0807 Well I guess it should work. Ronald says that the path is relative to index.htm. So if you put a folder with the images into ths path, it should show the images.
It's very hard to see why it wouldn't work, there are various factors that might cause an error. Have you for example used an embed code of the TH-cam video instead of the regular url?
Would this work with the video viewer on the skins page? I have about 20 videos which could all use the same viewer, and as you say it's easy to edit just the one set up.
For videos there is no need for javascript. You can just use the action "Open Video", select the videoviewer and play it there. And the same for the other 19 videos in the same videoviewer using this action.
@@360Creators Hmm.. on action hotspot with the latest 3DV I do not see anything that says open video where I can define what skin.. aka trying to play a youtube video..
Cool VIdeo!!!! In my case i´ve tried with different URL and some doesn´t work, as for example www.google.com Do you know what the problem would be? My client need to view his homepage. Kind regards.
Not every website allows to be iFramed (for security reasons), so you would need to ask the website developer to allow you to iFrame it. And/or host the virtual tour on the exact same domain to gain access.
I'm just starting to use 3d vista and your channel has helped me a lot. This video was exactly what I needed. Thank you very much.
Awesome man! You're totally welcome 😁
so cool! thanks so much for giving all these tutorials.. been super helpful! Hi from indonesia! haha
hi Ronald, i've tried it in my virtual tour but it just won't call the component name. tried changing the wf name to yours, etc, but still unable to do so. do you have any idea? haha thanks
Hi Jessica! Glad you like them 😁
Make sure there's one skin component with that name of the webframe. And make sure it matches in the javascript code. Hope that helps!
@@360Creators hey Ronald. thanks so much. yeah i figured out what happened. it was because the component containing the wf wasn't shown.
thanks so much btw.
Great, Exactly what I was looking for,
Thank you
Glad it helped! 😁
So good! A new fan here :D
Yeah! 😁
FANTASTIC Trick! Thanks Ronald
My pleasure!
is it possible to a website inside of a polygon hotspot? instead of having it load and taking up the whole screen.
Currently there's the webframe hotspot, so you can see the webframe directly inside a panorama if that's what you're looking for.
If you'd want to take it less space of the screen, but still always visible, then make the webframe smaller and place it for example on the bottom right.
Thanks Ronald! Go on!
Yeah man!! 😁
Liked it! lol It's brilliant. Really helps. Thanks Ronald
You're welcome Stef!!
This is awesome. So much easier. Thank you!
You're welcome! 😁
hi thanks for video.i was wondering why in iphone and ipad fullscreen key that i made doesnt show,but in android and windows i have it.
Limitations of iOS that do not get communicated by 3dvista when adding in fullscreen functionality.
I wonder what am i missing about webframe, when i've done click hotspot at preview ERR_BLOCKED_BY_RESPONSE error appears in black page on webframe? What could be wrong?
Probably a website that doesn't want to be embedded.
how to copy paste skin container?
ctrl (or command) c + ctrl (or command v) 😁
I knew someday a job would come along and I would need this. I see some people are having some issues with other websites like You Tube. The trick is to include the embed code in the URL, so to include this video in the Javascript, you would need to write this.getComponentByName('wf_popup').set('url', 'th-cam.com/video/XyHnOMLpH3A/w-d-xo.html'); In addition, you will need to add an element into a container so that you could close it.
Is it only me , i did excalty as mentioned, but its not working when i preview it
Make sure each quote ' is in there when replacing the link or the name of the skin component.
Use this as reference: this.getComponentByName('wf_popup').set('url', '360creators.com/');
Also check that there's no duplicates of the same skin component in there. If you have two skin components called 'wf_popup', then it's going to guess or break. You can check it by using the search field in the skin to search for wf_popup or whatever name you gave it.
Hi, can you please help me that how to load PDF's within the web frame when i tap on the different buttons?
What is it that you're getting stuck at? You know there's a Open PDF action?
Everything works except for the site. It downs show up with the pop up window
Not every website allows to be embedded. Sometimes you'll need to ask the website owner to whitelist you.
Hello friend, thanks for all the tips, I am complicated because in a tour in live guided tour mode when loading a matterport window the host can continue showing it and the guest seeing what the host moves within the matterport
Loading in any content inside a webframe, whether that's a matterport tour or any other site, is simply not visible within a live guided tour. To have at least something showing up, consider making a screenrecording of going through the webcontent and have that video imported into 3DVista to show up with your live guided tour session instead.
Hi, is it possible to search between hotspots in the output of the program?
Not as far as I know no. You can however built a search index in html to list all hotspots and panoramas.
Great tutorial. Question: When building the dynamic webframe, I put in all of the URLs into the various javascripts but cannot see the sites when previewing. I know these are not blocked sites so what is the best way to test whether these sites are going to populate locally. My site is over 20GB and growing and it is rather annoying to find that the site has not populated the webframe after waiting for it to upload. Please advise.
I'll need to get on a training session with you to better understand your situation.
Hoi Ronald, als ik een webframe aanmaak zoals jij hebt gedaan in deze video dan krijg ik geen website te zien. Vlak waarin de webframe zich zou moeten bevinden blijft wit. Ik vind het vreemd want als ik het probeer met mijn eigen website dan doet die het wel, alleen duurt het laden wat langer. Heb jij hier ook ervaring mee? Wat kan de reden hiervoor zijn? Kan het zijn dat de desbetreffende website geen s accepteert? Is er een workarround? Bedankt!
Ja ik vermoed inderdaad dat de desbetreffende website geen accepteert. Een workaround zou kunnen zijn om de website in eigen html code na te bouwen, of een screenshot maken van die website als popup image, of de developer van die desbetreffende website vragen om iFrames toe te staan.
Als de website van je klant is en je bekijkt dit in de preview/localhost, dan kan je dit werkend krijgen door deze dan op de server van de klant te draaien, dan wordt het wel geaccepteerd.
anyone know web frame can not work with e-commerce site?
E-commerce sites usually have their sites protected from iFraming. Search on "iFrame blocking" and you'll read why and how.
If you want to use e-commerce pages, you'll have to recreate those pages in your own webcodes, so that you have full control over those pages. Or ask the webdeveloper of the e-commerce site to give you permission to iFrame. Usually when the virtual tour is hosted on the exact same domainname, it won't block anymore.
❤
❤️
Exactly what I needed I’m integrating a search and recommendation engine into my tours (that have lots of info hotspots) and this will allow me to drive those recommendations dynamically - thank you!
Awesome Sean! 😁 You're welcome!
nice video
Thanks!
Thx a lot!
Do you know if there is a way to get with javascript the name of the hotspot clicked? (Something like this.name)
and do you know if there is an api guide or links to get more informations on 3DV scripting?
Thx!
I wouldn't know. Matej does. He also created an API =)
market.3dvista.com/product/javascript-library-and-documentation/
@@360Creators Thx!
68 more subscribers to go for a 1000! 🤩
22 more! So excited!!
Is it possible that this solution not working any more? I did the same but not working :(
I don't think so, should be working.
Obrigado, aqui do Brasil!! Me ajudou muito.
Yeahh!! 😁 é bem-vindo
Too good
You're welcome 😁
Worth a like & Subscribe
MIND.... BLOWN!!! Absolutely amazing trick here mate. You are going to reach the 1k mark very soon. 👍👌
Yeaahhhh 😁😄
This is huge 👏🏼👏🏼👏🏼👏🏼👏🏼👏🏼
Glad you like it 😁😁
Brilliant. Thank you for this and all your other great 3D Vista videos. 3D vista has really good training videos for the other features, but totally lacking with the JavaScript integration. I would greatly appreciate more JavaScript/3D Vista videos!!
Thanks! Glad you like them! 🤘
I use v1.19 undefine getComponnentByName
Super one Ronald!
Just one issue- added the 2nd line of Javascript & also copied it with the new name in the skin, but the mobile version doesnt work...exactly how would 2 lines of Javascript look? Are they to be one below the other?
As mentioned in prrivate discussion, keep the names the same. My bad for mentioning the different names in the tutorial..
Hello Ronald!
His videos are amazing!
I would like to know if it is possible to share my pc screen in real time for everyone who accesses the virtual tour?
Like via google meet or zoom.
Thank you! 😁
Not directly in LGT functionality. Zoom has many limits embedding a call, it is somehow possible through developer tools. Not sure about google meet, I believe it's the same.
Nice video! 2 questions:
- Is there a way to get current language and pass it to the url so we can get dynamic language as well in the webframe
- Is there a way to reference local files and if so what is the relative address we should use?
OK and a third one ;): is it possible to reference the hotspot name like you did with the {{title}}?
So that the line would be this.getComponentByName('wf_popup').set('url', '360creators.com/index.html?hotspot='+{{hotspotname}}+'&lang='+{{lang}});
1) duplicate webframe to webframe-language2. Then where you set the language through an action (a button of whatever element), add a second action to show/hide skin components and toggle show/hide both webframes.
2) path refers to everything in the index.htm folder
3) nope.
If you need more help, feel free to book a training with me.
@@360Creators Many thanks!
@@360Creators Great video. Question on #2: how can you test this in the preview? You have to copy the file into the index.htm folder, but where can I find this when I am in the preview?
There's no way I don't like a javascript video! No threats needed, haha! Thank you mate
Hahaha you're totally welcome!
In this example, your video is already on the screen. I'm trying to launch a popup and also use the dynamic web frame. I can't get both to work? Any advice?
Think I worked this out, have the url changing javascript as an on rollover action, then the show skin component as the on click action
Webframe popups are harder to recognize as you don't know the name. In the skin you can name it yourself to something such as wf_popup. In the default popup window, you'll need to find that webframe popup ID (might be indexable in the export file).
Learn so. much with your tunes, Ronad. Question: How did you resize the text in the 3Dvista interface? Seems larger than what I see on my Mac.. for me the interface text is tiny!
Great Adrian!! About your question I wouldn't know how to change the interface text. I use a 1920x1080 monitor 🤓
Thank you Ronald !
You're totally welcome m3! :)
Brilliant work!!! Thank you so much!
Is it also possible to adress Hotspots with JavaScript? Best regards André
I wish I knew. I believe with the API released on the Marketplace ("JavaScript library and documentation"), that might most likely be possible. But haven't taken my time yet to dive into that.
hey, i was wondering if i could get panorama titles, and pass it to the js code. is there any way to do that ?
Probably, but I wouldn't know how.
Awesome..thank you.. can you add a tutorial to add a Java script that opens your virtual tour in full screen on any browser?
Actions > Media control > fullscreen I guess?
Thanks! Is it possible to link a Teams meeting room to a webframe? I tried to do it this way but can only see white webframe, no teams...
I'm afraid not, Teams is blocking embedding as far as I know.
is there any way to load images or videos dynamically from our own server or any other place into a 3DVista photo album?
Probably, but don't know that yet 😆
Great video! but I do have a big question, I have tried in all possible ways to replicate a webframe with even the same website you are showcasing and many other websites and it doesn't let me open it , Dont know the reason , even when I upload to the host the tour it says that refuse to connect, do you know what could be the reason? , again I am using even the same website addresses you were showing in the video.
best regards
Oh yes my own website got iFrame block as well now. That changed over time. And will most likely change again.
Try this url: th-cam.com/video/XyHnOMLpH3A/w-d-xo.html
Lovely Ronald, thank you.
You're welcome!
HI, is it possible to do the same thing by opening images instead of links?
That would be really nice, but as far as I know, nope.
@@360Creators Thank you :-)
@@maryka0807 Well I guess it should work. Ronald says that the path is relative to index.htm. So if you put a folder with the images into ths path, it should show the images.
Nice video!! but i have tried it for youtube videos and it does not work. is htere a way to make youtube videos work?
It's very hard to see why it wouldn't work, there are various factors that might cause an error. Have you for example used an embed code of the TH-cam video instead of the regular url?
@@360Creators Having the same issue.. won't work with TH-cam videos. I've tried the embed code and regular URL
you would need to write this.getComponentByName('wf_popup').set('url', 'th-cam.com/video/XyHnOMLpH3A/w-d-xo.html');
@@AdrianLopez_vfxwolf you would need to write this.getComponentByName('wf_popup').set('url', 'th-cam.com/video/XyHnOMLpH3A/w-d-xo.html');
Would this work with the video viewer on the skins page? I have about 20 videos which could all use the same viewer, and as you say it's easy to edit just the one set up.
For videos there is no need for javascript. You can just use the action "Open Video", select the videoviewer and play it there. And the same for the other 19 videos in the same videoviewer using this action.
@@360Creators Hmm.. on action hotspot with the latest 3DV I do not see anything that says open video where I can define what skin.. aka trying to play a youtube video..
Halo brother, I from indonesia I like this video, I question this 3dvista version???????
Halo Muh! It's 3DVista VT Pro.
Cool!
Yeah! :-D
Cool VIdeo!!!! In my case i´ve tried with different URL and some doesn´t work, as for example www.google.com Do you know what the problem would be? My client need to view his homepage. Kind regards.
Not every website allows to be iFramed (for security reasons), so you would need to ask the website developer to allow you to iFrame it. And/or host the virtual tour on the exact same domain to gain access.
Hey Leap8, whats your instagram?
We're not on instagram. Best way to learn more, and staying connected, is to introduce yourself in the Leap8 community available at www.leap8.pro 😁