Do-it-yourself cloud video surveillance: new features of the Ivideon Web SDK

Do-it-yourself cloud video surveillance: new features of the Ivideon Web SDK

We have several integration components that allow any partner to create their own products: Open API for developing any alternative to the Ivideon user account, Mobile SDK, which can be used to develop a full-fledged solution equivalent in functionality to Ivideon applications, and Web SDK.

We recently released an improved Web SDK with a new documentation system and a demo application that will make our platform even more flexible and developer-friendly. If you have been familiar with our SDK before, you will immediately notice the changes - now you have a good example of how to embed API functions in your application.

For everyone else, we will talk in more detail about everyday cases and implemented integrations using the Ivideon API / SDK.

Web SDK: What's New

Ivideon is not just a cloud video surveillance service and equipment supplier. Inside Ivideon, a full development cycle is underway: from camera firmware to the web version of the service. We make client and server SDKs, improve LibVLC, implement WebRTC, do video analytics, develop a client with White Label support for partners and demo projects for the SDK.

As a result, we have become a platform on which partners can create their own solutions. Now our Web SDK has received a major upgrade, and we hope to see even more integrations.

For your convenience, we have added a "Quick Start" section to the beginning, which will help you easily understand device management.

The code below demonstrates the basic use of the Ivideon Web SDK: a player is added to the page, and video playback for a public camera is started.

<!DOCTYPE html>
<html>
<head>
<title>Ivideon WEB SDK example</title>
<link rel="stylesheet" href="/en/vendor/ivideon-web-sdk-1.0.0/iv-standalone-web-sdk.css" />
<script src="/vendor/ivideon-web-sdk-1.0.0/iv-standalone-web-sdk.js"></script>
</head>
<body>
<div class="myapp-player-container" style="max-width: 640px;"></div>
<script>
_ivideon.sdk.init({
rootUrl: 'https://<your-domain>/vendor/ivideon-web-sdk-1.0.0/',
i18nOptions: {
availableLanguages: [
'de',
'en',
'fr',
],
language: 'en',
}
}).then(function (sdk) {
sdk.configureWithCloudApiAuthResponse({
api_host: 'openapi-alpha.ivideon.com',
access_token: 'public',
});
// `id` used below is not an actual camera ID. Replace it with your own.
var camera = sdk.createCamera({
id: '100-481adxa07s5cgd974306aff47e62b639:65536',
cameraName: 'Demo Cam',
imageWidth: 800,
imageHeight: 450,
soundEnabled: true,
});
var player = sdk.createPlayer({
container: '.myapp-player-container',
camera: camera,
defaultControls: true,
playerEngine: sdk.playerEngines.PLAYER_ENGINE__WEBRTC,
});
player.playLive();
}, function (error) {
console.error(error);
});
</script>
</body>
</html>

We've also added a few new features:

  • support for one-time video links;
  • buttons for controlling video quality and archive playback speed have been added to the player;
  • player controls can be turned on and off one at a time (previously it was possible to either turn on everything that is, or hide everything);
  • Added the ability to turn off the sound on the camera.

Demo Application

To demonstrate how to use the Ivideon Web SDK with the UI library, we are distributing it along with a demo application. Now you have the opportunity to see how the Ivideon Web SDK works with ReactJS.

The demo application is available online at link. For its operation, a random camera from Ivideon TV is added. If suddenly the camera is not working, just follow the link above again.

Another way to see the demo is to examine the source code in the Web SDK and build the application yourself.

Our application is able to show which code corresponds to user actions.

Add several players with different engines to the page and compare their performance.

Do-it-yourself cloud video surveillance: new features of the Ivideon Web SDK

Create multiple players and manage them from one timeline, which will simultaneously display archives of recordings from multiple cameras.

Do-it-yourself cloud video surveillance: new features of the Ivideon Web SDK

The demo application saves the settings from the last session in the browser's local storage: API access settings, camera settings, and others. When you log in again, they will be restored.

The demo application code is built with source maps - the demo code can be viewed directly in the debugger.

Do-it-yourself cloud video surveillance: new features of the Ivideon Web SDK

Integration examples

Do-it-yourself cloud video surveillance: new features of the Ivideon Web SDK

Group of programs with the prefix "iSKIΒ» includes separate applications for almost all European ski countries: iSKI Austria, iSKI Swiss, iSKI France, iSKI Italia (Czech, Slovakia, Suomi, Deutschland, Slovenija and beyond). The app shows snow conditions at ski resorts, a list of restaurants in the mountains and trail maps, as well as other useful information that will help you get a complete picture of your destination before your trip. At the same time, access to the Internet is not needed - it works offline (with the exception of broadcasting from cameras). All applications are available for free.

Now almost every ski resort has a camera showing the situation on the slope. To view the cameras remotely through the app, we provided iSKI with our SDK, and now everyone can see through the app not only the weather forecast, snow thickness and the number of open lifts, but also the video directly from the slope.

Do-it-yourself cloud video surveillance: new features of the Ivideon Web SDK

Various smart home systems. By integrating with the Ivideon system, these solutions get more benefits for home security, as they control the home and store video recordings in the most secure way in the cloud archive. Full control is carried out through a mobile application that notifies you of any threats in real time and allows you to quickly respond to unusual situations.

Do-it-yourself cloud video surveillance: new features of the Ivideon Web SDK

The system of analytics of the work of sellers and consultants Perfect Service Solution. The cloud video surveillance system monitors and archives data, which is verified by operators, and the results are displayed online in your personal account. The client eventually receives a short fragment with a specific event - a violation of the sales protocol or a controversial incident. In the web interface, he sees data about the violation and an embedded piece of video. The entire data array is divided into two categories: critical events and regular ones. Regular ones appear in the online account the day after the event, but reports on critical violations can be received via SMS or messenger.

Write to usto access the Web SDK and learn more about our integration options.

Source: habr.com

Add a comment