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
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.
Create multiple players and manage them from one timeline, which will simultaneously display archives of recordings from multiple cameras.
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.
Integration examples
Group of programs with the prefix "
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.
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.
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.
Source: habr.com