nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Web Cameras, Web Scenes

LukeCzar

Hi!

I would like to add a web camera into Web Scene, so If I will click on the object I will have an option to see how the place looks in real life (I saw it in one of your online tutorials)

Find more posts tagged with

Accepted answers

AndreasUlmer

Hi Lukasz

I am not familiar with that training, however I think that this was done using attribute values with iframe.

As you probably know when you select objects in CityEngine Web Viewer the object's attributes are displayed in the information pane. When the attribute value contains an string recognized as an iframe, the iframe src is embedded in this pane, instead of only showing the attribute in a table.

More specifically:
* In CityEngine, add an attribute with arbitrary name to the desired webcam shape
* put an iframe string to the attributes value, e.g. <iframe src="http://URL_TO_WEBCAM_FEED"></iframe>

CityEngine Web Viewer will display this attribute with the iframe src embedded into the information pane, once the shape is selected.

is that what you are looking for?

best
Andreas

All comments

AndreasUlmer

Hi!
(I saw it in one of your online tutorials)

which tutorial are you referring to?

LukeCzar

Hi

It was actually live training seminar 2 weeks ago

Lukasz

AndreasUlmer

LukeCzar

Hi Andreas,

That's exactly what I was looking for!!!

Is there any more interesting things to do in CE? I never heard about putting a camera inside the web scene until I saw that online training

Where did you find that out? is there any books articles?

Best!!!!

Lukasz

MatthiasBuehler1

Is there any more interesting things to do in CE?

Nah, I think that's it .. Nothing else cool possible .. 😮

LukeCzar

It must be more, the water is moving 🙂 that's cool

Lukasz

CarlBesterEsriZA

You can read more about IFRAME attributes in CE here: http://urban-scene.blogspot.com/2013/09/where-to-start.html

LukeCzar

Hi,

This is exactly where I found my answer 🙂

lukasz

MatthiasBuehler1

Cool, Carl !!

m.

xinlongliu

You can read more about IFRAME attributes in CE here: http://urban-scene.blogspot.com/2013/09/where-to-start.html

Hi,i couldn't not open the html.Is there any wrong?

xinlongliu

Hi,

This is exactly where I found my answer 🙂

lukasz

Hi,could you tell me how to set the iframe?I added a picture on the model.I want to see the picture when i click the model.I set the picture under the folder.But it didn't work correctly.[ATTACH=CONFIG]32097[/ATTACH].The src i set is below
<ifram src="e:\CityEngine\gym\globe.jpg"></iframe>.Is there any wrong?

1.jpg

LukeCzar

Hi!

I am not 100% sure, but I think you need to place your photo on server, you can use google drive and copy the image location
for instance it will look like that : "http://www.googledrive/my_photo.jpg" and then you need to add the whole code to attribute :

<iframe height="405" width= "600" src="http://www.googledrive/my_photo.jpg" ></iframe>

You should check Carl's Blog :

http://urban-scene.blogspot.com/2013...-to-start.html

Lukasz

xinlongliu

Hi!

I am not 100% sure, but I think you need to place your photo on server, you can use google drive and copy the image location
for instance it will look like that : "http://www.googledrive/my_photo.jpg" and then you need to add the whole code to attribute :

<iframe height="405" width= "600" src= "http://www.googledrive/my_photo.jpg" ></iframe>

You should check Carl's Blog :

http://urban-scene.blogspot.com/2013...-to-start.html

Lukasz

Hi,thanks for your reply.I achieved it.However,i have another problem.The below is my picture[ATTACH=CONFIG]32134[/ATTACH].The pane is very small.The other is the example's picutre[ATTACH=CONFIG]32135[/ATTACH].How to achieve this effect.

2.jpg

QQ??????20140312125106.jpg

xinlongliu

Hi!

I am not 100% sure, but I think you need to place your photo on server, you can use google drive and copy the image location
for instance it will look like that : "http://www.googledrive/my_photo.jpg" and then you need to add the whole code to attribute :

<iframe height="405" width= "600" src= "http://www.googledrive/my_photo.jpg" ></iframe>

You should check Carl's Blog :

http://urban-scene.blogspot.com/2013...-to-start.html

Lukasz

I couldn't visit the blog.Is there any wrong?or Could you screen shot it?Thanks

LukeCzar

Hi,

You should play with this numbers : <iframe height="405" width= "600" src="http://www.googledrive/my_photo.jpg" ></iframe>

I am not sure, but it is not possible to extend that Green Bar(without chanting the code)

In the Blog there is a tutorial how to add attributes and paste video/photo - which you already did

Lukasz

LukeCzar

You can read more about this here :

http://forums.arcgis.com/threads/95340-embedded-link-webscene

Lukasz

Join the Conversation

Signed in members can post, follow updates, and more. New here? Register a free account.

Quick Links

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.