Icon

How to Set Up Multi-Photosphere Cameras at Rady Children's Hospital Construction Site

Step-by-step tutorial for setting up multi-photosphere camera streams at the Rady Children's Hospital construction site. Learn how to configure cameras, set up aerial tours, and create PhotoSphere templates using Google Maps and site plans.

By Jon

In this guide, we'll learn how to set up multi-photosphere templates for a construction site using live camera streams. The objective is to identify the best cameras on each crane, configure their settings, and create accurate photosphere templates with location data. This process helps document site progress and ensures the correct views are captured for each crane.

Let's get started

Hello, everyone. This is the first part of the instructional multi-photosphere setup tutorial. We will work on the complex Rady Children's Hospital site, which has many cameras, as you can see. There are eight total streams. Two are inactive on a crane that has not been set up yet. There are two cranes set up on this site, as you can see here. There are six streams, with three cameras on each stream.

1
Double-click here
Step #1: Double-click here

It can take some time to get your bearings and understand what you're looking at. On this project, we are focusing on cams one through three. The first three streams come from one crane. The last three streams—two mask cams and one jib cam—are from another crane.

2
Click here
Step #2: Click here

We will set up one photosphere for each crane and identify the best ones to use.

3
Click here
Step #3: Click here
4
Click here
Step #4: Click here

First, let's get our bearings on what this project is. If you go back to the list, you'll see the address for that project.

5
Click here
Step #5: Click here

I already have the address. I entered it into Google Maps, which showed this area in San Diego.

6
Click on "8001 Frost St San Diego CA 92123"
Step #6: Click on "8001 Frost St San Diego CA 92123"
7
Click on "8001 Frost St - Google Maps"
Step #7: Click on "8001 Frost St - Google Maps"

This doesn't help us completely because the satellite image is outdated compared to the live view. It's a bit confusing. You can see that the project site is located in this area.

8
Click here
Step #8: Click here
9
Click here
Step #9: Click here
10
Drag here
Step #10: Drag here

This is where reviewing the site plan can help.

11
Click on "Rady"
Step #11: Click on "Rady"
12
Click here
Step #12: Click here

This is a planning document usually provided by the customer. It is often available in the Slack channel or from someone on the team. If you look at the site, you can see a layout of three cranes. You can also see areas that help identify the location.

13
Click here
Step #13: Click here

This shows Frost Street on the right and Berger Avenue below.

14
Click here
Step #14: Click here
15
Click here
Step #15: Click here

If we return to Maps, we can see Frost Street here, and Berger is right here.

16
Click on "St - Google Maps"
Step #16: Click on "St - Google Maps"
17
Click here
Step #17: Click here
18
Drag here
Step #18: Drag here

This intersection in the site plan shows that the central area, where the Frost Street parking lot is or was, is now the construction site.

19
Click here
Step #19: Click here
20
Click here
Step #20: Click here
21
Click on "Dashboard"
Step #21: Click on "Dashboard"

You can look at the map or live view and see the intersection or corner.

22
Click here
Step #22: Click here
23
Click here
Step #23: Click here

Now, consider which camera to use on each crane. There are two cranes: one in the northeast and one in the north, with another in the south.

24
Click on "Hosp"
Step #24: Click on "Hosp"
25
Click here
Step #25: Click here
26
Click here
Step #26: Click here
27
Click on "Crane"
Step #27: Click on "Crane"

We will create two photosphere templates: crane北 and craneNE. Then, we will select the best cameras.

28
Click on "Topdeck Dashboard"
Step #28: Click on "Topdeck Dashboard"
29
Click here
Step #29: Click here

It looks like this crane is crane 北. You can open the view, launch the PTZ control, and look around to see what is visible, especially by looking down to find where the blockage is.

30
Click here
Step #30: Click here
31
Click here
Step #31: Click here

This one appears to be on a corner. It will block to the left but remain open to the right. Maybe we'll use this one, which will be open to the left but more blocked on the right.

32
Click here
Step #32: Click here

We will use Cam1 on the north crane. For the northeast crane, Cam5 should cover the right area. The left side may be slightly blocked, but it doesn't seem as important.

33
Click here
Step #33: Click here

We can scroll up here and see that...

34
Click here
Step #34: Click here

Just looking back at the other crane. I'm going to set it to its home position so it returns all the way back.

35
Click on "Select Preset ▼ • → → ×"
Step #35: Click on "Select Preset ▼ • → → ×"
36
Click on "HOME"
Step #36: Click on "HOME"

To the left, there is a narrow area that does not appear very interesting. We will use Cam1 and Cam5.

37
Click on "×"
Step #37: Click on "×"

First, following our procedure, we set up the aerial tours for the project.

38
Click on "Photosphere HOW - TOS & Troub"
Step #38: Click on "Photosphere HOW - TOS & Troub"

First, we'll look at Manage Users to ensure we have a mix of users.

39
Click here
Step #39: Click here
40
Click on "+"
Step #40: Click on "+"

It looks like we have viewers and managers. We should set up access for both viewer and manager roles. I don't see an admin, but we will prepare for that as well.

41
Click here
Step #41: Click here

Go to the API and navigate to Projects.

42
Click on "Projects"
Step #42: Click on "Projects"
43
Click on "Projects"
Step #43: Click on "Projects"

In the search bar, type "Rady."

44
Click here
Step #44: Click here
45
Type "rady + Enter"

We will adjust the viewport settings later. For now, let's skip ahead to the user access levels.

46
Click on "Hensel Phelps - Rady Children's Hospital"
Step #46: Click on "Hensel Phelps - Rady Children's Hospital"
47
Click here
Step #47: Click here

Set up the Aerial Tour.

48
Click here
Step #48: Click here

Notice: Aerial Maps, not Aerial Tour.

49
Click on "Aerial Tour"
Step #49: Click on "Aerial Tour"

Excuse me, I meant Aerial Tour, not Aerial Maps.

50
Click here
Step #50: Click here
51
Click on "Aerial Tour"
Step #51: Click on "Aerial Tour"

So that's Super User, Admin, and here is Manager...

52
Click here
Step #52: Click here
53
Click here
Step #53: Click here
54
Click on "Aerial Tour"
Step #54: Click on "Aerial Tour"
55
Click here
Step #55: Click here
56
Click on "Aerial Tour"
Step #56: Click on "Aerial Tour"

And Viewer, now we save.

57
Click on "SAVE"
Step #57: Click on "SAVE"

Now we have the Aerial Tour page. Now we are going to set up the PhotoSpheres.

58
Click on "Topdeck Dashboard"
Step #58: Click on "Topdeck Dashboard"
59
Click on "LIVE"
Step #59: Click on "LIVE"

Click on Cam 1.

60
Click on "Cam 1"
Step #60: Click on "Cam 1"

This is the north crane. First, we need to log in to the camera.

61
Right-click on "http://stream.topdeck.al:19511"
Step #61: Right-click on "http://stream.topdeck.al:19511"

Copy the link, open Edge, and paste the link.

62
Click on "Copy link address"
Step #62: Click on "Copy link address"
63
Click here
Step #63: Click here
64
Click here
Step #64: Click here
65
Type "Ctrl + V"
66
Type "Enter"

Remember, we need to set Edge to load in Internet Explorer mode.

67
Click here
Step #67: Click here
68
Click on "Reload in Internet Explorer mode"
Step #68: Click on "Reload in Internet Explorer mode"

We need to wait here for that to finish.

69
Click on "Done"
Step #69: Click on "Done"

It takes a moment. Now we will enter the universal password for this. This is covered elsewhere, so I won't repeat it.

70
Type "admin + Tabfoscamscam3 + Enter"

We log into the camera. It only takes a minute. Sometimes, logging into the cameras directly can be slow. Gonna... Oh, there we go.

Okay, now click Configuration.

71
Click on "Configuration"
Step #71: Click on "Configuration"

Sorry this is taking so long. This is particularly slow. Now we move on to PTZ.

72
Click on "PTZ"
Step #72: Click on "PTZ"

We change the preset speed from four to eight.

73
Click here
Step #73: Click here
74
Click here
Step #74: Click here

Save.

75
Click on "Save"
Step #75: Click on "Save"

Once you have saved, there is no indication that anything has happened. It appears in the bottom right. That's all you need to do on this page. Now I'll pause and set up the other camera the same way. We're back on the other camera. I'll set it to eight and then hit save.

It appears in the bottom right corner. Now, we will return to our project and set up the PhotoSphere templates. This time, we will do it a little differently because we are going to add longitude and latitude to these templates. Looking at the map, remember that we have a north crane and a northeast crane. We will use Google Earth to find random locations.

We will start with the north crane. We want to get different longitude and latitude for each one. I just completed one here for north. Now, we will go back to the home page on the API. We will go to Photos and then select PhotoSphere Templates.

We will add the PhotoSphere Template. Recall that these Rady Hospital streams included Cam 5 and Cam 1. You can see their labels here. Hospital 01, Hospital 05. This is Cam 1, so we need to use Hospital 01 for the north crane.

I'm going to type in... Ignore the DoorDash notification and dismiss it. Cam 1, select the project, Rady.

76
Click here
Step #76: Click here

We can see from the cameras that they are standard Hikvision mast wide-angle models. So, we'll use 4X here and 4X here.

77
Click here
Step #77: Click here
78
Click here
Step #78: Click here
79
Click on "目"
Step #79: Click on "目"
80
Click here
Step #80: Click here
81
Click here
Step #81: Click here

We will use isAtFixedPosition realign, following the naming convention.

82
Click here
Step #82: Click here
83
Click on "Rady Children's Hosp"
Step #83: Click on "Rady Children's Hosp"

We're doing Rady, but without Hensel Phelps. We'll add that to the public naming section.

84
Click on "8001 Frost St - Google Maps x → 22-0664 - Rady Children's Hosp ×"
Step #84: Click on "8001 Frost St - Google Maps x → 22-0664 - Rady Children's Hosp ×"

Let's use the North Crane Mast as an example.

85
Right-click here
Step #85: Right-click here
86
Click on "32.79997"
Step #86: Click on "32.79997"
87
Click on "Tradyhospital05.stream - Cam 5"
Step #87: Click on "Tradyhospital05.stream - Cam 5"

Now, under Latitude and Longitude, I'll press Control+V to paste the latitude I copied from Google Maps.

88
Click on "Home > Api"
Step #88: Click on "Home > Api"
89
Click on "Photosphere templates"
Step #89: Click on "Photosphere templates"
90
Click on "ADD PHOTOSPHERE TEMPLATE +"
Step #90: Click on "ADD PHOTOSPHERE TEMPLATE +"

Notice I used backspace to delete all the longitude. I have to do the same for the latitude.

91
Click on "radyhospital01.stream - Cam 1"
Step #91: Click on "radyhospital01.stream - Cam 1"

It does this strange thing where it removes the dot when you paste.

92
Click here
Step #92: Click here

However, the negative is present, and you can confirm this by examining it.

93
Click on "Topdeck Dashboard"
Step #93: Click on "Topdeck Dashboard"

I'll set the bearing to zero, just for now. Then we'll proceed with the next step.

94
Click on "To Add photosphere template | To"
Step #94: Click on "To Add photosphere template | To"
95
Click here
Step #95: Click here
96
Type "r"
97
Click here
Step #97: Click here

Then I'll put HP in front.

98
Type "rady"
99
Click on "radyhospital01.stream - Cam 1"
Step #99: Click on "radyhospital01.stream - Cam 1"
100
Click here
Step #100: Click here
101
Click here
Step #101: Click here

Next, we will set the schedule.

102
Type "rady"
103
Click on "Hensel Phelps - Rady Children's Hospital"
Step #103: Click on "Hensel Phelps - Rady Children's Hospital"

I'll set it to around 5:30, or 5:16 if the work site is calm. Then, I'll turn off Saturday and Sunday.

104
Click here
Step #104: Click here
105
Click here
Step #105: Click here
106
Type "4x"
107
Click here
Step #107: Click here
108
Click here
Step #108: Click here
109
Click here
Step #109: Click here

Since we're going to do another one, I'll click Save and Add Another.

110
Type "4x"
111
Click on "Hik )"
Step #111: Click on "Hik )"

Now, I'm going to do the same process.

112
Click on "Is At Fixed"
Step #112: Click on "Is At Fixed"

This was a northeast crane. I will get the longitude and latitude for it.

113
Click on "Realign ?"
Step #113: Click on "Realign ?"
114
Click here
Step #114: Click here

I'm copying here. Right-click there. I'll pause and do this quickly, then fill it in. I'm back. I filled out the form. Remember, for the northeast crane, we use CAM5.

115
Type "Rady - N Crane - Mast"
116
Click here
Step #116: Click here
117
Type "Ctrl + V"

We use that stream in the template.

118
Type "Backspace"
119
Type "Backspace"
120
Type "Backspace"
121
Type "Backspace"
122
Type "Backspace"

4X4X Rady, Rady Northeast Crane Mast HP, fixed position, realigned.

123
Type "Backspace"
124
Type "Backspace"
125
Type "Backspace"
126
Click here
Step #126: Click here

I pasted the new latitude and longitude I got from Google.

127
Type "Ctrl + V"

I'm going to set the bearing to zero. We will correct it later. Scroll down and set the time to 5:19.

128
Type "."
129
Click on "Used for templates with fixed position"
Step #129: Click on "Used for templates with fixed position"

That's slightly ahead of the other one. This means this one will run later. The latest option will appear as the default due to our system's setup. So, I expect to see this one when I click on Aerial Tours.

130
Type "0"
131
Double-click on "Rady - N Crane - Mast"
Step #131: Double-click on "Rady - N Crane - Mast"
132
Type "Ctrl + C"

Now I'm going to click Save.

133
Click here
Step #133: Click here
134
Type "Ctrl + V"

I will verify that both are present. They are.

135
Type "HP - "
136
Click here
Step #136: Click here

You can see isActive and isAtFixedPosition. This is how you set up two.

137
Click on "Now O"
Step #137: Click on "Now O"

I'm going to run these now. We'll continue later to do more tasks.

138
Type "17"
139
Click on "✓ Saturday"
Step #139: Click on "✓ Saturday"
140
Click on "✓ Sunday"
Step #140: Click on "✓ Sunday"
141
Click on "Save and add another"
Step #141: Click on "Save and add another"
142
Click on "8001 Frost St - Google Maps"
Step #142: Click on "8001 Frost St - Google Maps"
143
Right-click here
Step #143: Right-click here
144
Click on "32.79996"
Step #144: Click on "32.79996"
145
Click here
Step #145: Click here
146
Click on "To Add photosphere template"
Step #146: Click on "To Add photosphere template"
147
Click here
Step #147: Click here
148
Click here
Step #148: Click here
149
Click on "To Add photosphere template"
Step #149: Click on "To Add photosphere template"
150
Click here
Step #150: Click here
151
Click here
Step #151: Click here
152
Type "0"
153
Click on "SAVE"
Step #153: Click on "SAVE"
154
Click here
Step #154: Click here
155
Type "rady + Enter"