This depends on the cameras and their video feeds:
- Option 1: If all camera feeds are accessible directly from the client PC’s web browser.
This is the case, for example, if the client PC is inside your company’s network, and all cameras are inside the same network, and all the camera’s locations on the map are known, and all their URLs are known, etc.
For this case, you could associate the location on the map with the correct camera, and when the user clicks the map location, display the video using the corresponding camera’s URL.
This will only work if the cameras are broadcasting using a web-friendly video format, which many IP cameras support these days.
- Option 2: If the camera feeds are accessible to a central web server, but not directly to the client PCs. Or if the IP camera feeds are not all web-friendly.
If that’s the case, you will need a way to re-stream the video from the IP cameras to the client PC through the server.
For the first option, you can create your own code to associate the locations on the map with the different IP camera URLs. I think you could use the
<map> HTML tags for this.
For the second option, you will need a server-side component that can receive from the IP cameras and re-stream the video from the server to the client PC browser. The company I work for has such components in the LEADTOOLS multimedia SDK and streaming module. The exact component you’ll need depends in your configuration and use case, so I recommend downloading the free evaluation edition and contacting the LEAD support team with full details about what you’re trying to do. Support is free during the evaluation period.