How to integrate play back video with front end angular, back end spring boot?

MIP
, , ,
1

we use milestone system. we want to play back video with camera id and timestamp. Ours project have two part:

  1. front end : use angular. front end call API back end to display user interface.
  2. back end: use spring boot to process business

we need show play back video in front end and process business in back end.

Please help me show solution and sample code for this issue.

Thanks you for help!

2

Hi bui,

You tend to make protocol integration based on Java, right ?

Next thing we have to understand in order to be able to help is what API you are interested in?

Depending on what you want to achieve you can make integration toward:

  • Management Server and Recording Server
  • Mobile Server
  • ONVIF Bridge server (RTSP service in particular)

You mentioned your front-end is Angular. Are you building Mobile application ? Or Native one ? Or you have in Mind Angular JS and this is Web based frond end ?

In general for similar cases I would recommend integration against the Mobile server. There you could ask for a transcoded video steam and receive series of JPEG images, which are easy to be displayed almost anywhere. In addition you have built-in playback controller in the Mobile Server and could connect (if possible) directly from your front-end to the MoS.

But of course it depends on your use case. If you want “superior” quality, can decode H.264/H.265 video streams and want fine control over the playback, you should probably integrate directly against RS.

If you aim to use some open source library like Live555, you can integrate towards RTSP service.

3

Thanks for response.

You can send link for help develop with Mobile Server. I don’t find skd for mobile server in website milestone.

We use angular, this is web based front end.

4

Hi bui,

Download links on the SDKs could be found here.

From the main page click on “Downloads” (under “Other resources” in right part of the page). There you can find links to documentation as well.

This is direct link to MIP SDK Mobile.

It contains Web, iOS, Android and .NET parts.

But web SDK is installed with the MoS as well. It comes together with samples.

Be default they are disabled.

You can search the forum how to enable them (basically rename some .download files) or what other setting you need to make on the Mobile server if you want to host you web application on different server (you have to change CORS settings at least).