Izrađujemo cloud videonadzor sami: nove mogućnosti Web SDK-a Ivideon

Imamo nekoliko integracijskih komponenti koje omogućuju bilo kojem partneru da stvara vlastite proizvode: Open API za razvoj bilo alternative osobnom korisničkom sučelju Ivideon, Mobile SDK, pomoću kojeg se može razviti potpuno rješenje koje je funkcionalno ekvivalentno aplikacijama Ivideon, kao i Web SDK.

Nedavno smo objavili poboljšani Web SDK, opremljen novim sustavom dokumentacije i demo-aplikacijom, koje će našu platformu učiniti još fleksibilnijom i pogodnijom za programere. Ako ste se ranije upoznali s našim SDK-om, odmah ćete primijetiti promjene — sada imate vizualni primjer kako integrirati API funkcije u vašu aplikaciju.

Za sve ostale ćemo detaljnije predstaviti svakodnevne slučajeve i ostvarene integracije koristeći API / SDK Ivideon.

Web SDK: nove mogućnosti

Ivideon nije samo usluga cloud videonadzora i dobavljač opreme. Unutar Ivideona vodi se potpuni ciklus razvoja: od firmware-a kamera do web verzije usluge. Radimo klijentski i serverski SDK, poboljšavamo LibVLC, implementiramo WebRTC, bavimo se videoanalitikom, razvijamo klijent s podrškom za White Label za partnere i demo projekte za SDK.

Kao rezultat toga, uspjeli smo postati platforma na kojoj partneri mogu stvarati vlastita rješenja. Sada je naš SDK za Web doživio značajan nadogradnju i nadamo se da će biti još više integracijskih rješenja.

Za vašu udobnost dodali smo u početak dio „Brzi start”, koji će pomoći da se lako snađete u upravljanju uređajima.

Kod prikazan u nastavku demonstrira osnovnu upotrebu Ivideon Web SDK: na stranicu je dodan player i pokrenuto je reproduciranje videa za javnu kameru.

<!DOCTYPE html>
<html>
<head>
<title>Ivideon WEB SDK primjer</title>
<link rel="stylesheet" href="/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>

Također smo dodali nekoliko novih značajki:

• podrška za jednokratne linkove na video;
• u player su dodane tipke za upravljanje kvalitetom videa i brzinom reprodukcije arhiva;
• kontrole playera mogu se uključivati i isključivati pojedinačno (ranije je bilo moguće uključiti ili sve dostupne ili potpuno sakriti);
• dodana je mogućnost isključivanja zvuka na kameri.

Demo aplikacija

Kako bismo demonstrirali korištenje Ivideon Web SDK-a s korisničkim sučeljem, pružamo ga zajedno s demo aplikacijom. Sada imate mogućnost vidjeti kako Web SDK Ivideon funkcionira s ReactJS-om.

Demo aplikacija dostupna je online na vezi. Za rad dodaje slučajnu kameru iz Ivideon TV-a. Ako se kamera pokaže neispravnom, jednostavno ponovno pratite link iznad.

Drugi način za upoznavanje s demo verzijom je proučavanje izvornog koda u Web SDK-u i samostalno sastavljanje aplikacije.

Naša aplikacija može prikazati koji kod odgovara akcijama korisnika.

Dodajte na stranicu nekoliko playera s različitim motorima i usporedite njihovo funkcioniranje.

Kreirajte nekoliko playera i upravljajte njima iz jedne vremenske linije, na kojoj će se istovremeno prikazivati arhive snimaka s nekoliko kamera.

Demo aplikacija pamti u lokalnoj pohrani preglednika postavke iz posljednje sesije: parametre pristupa API-ju, parametre kamera i druge. Pri ponovnom prijavljivanju bit će vraćene.

Kod demo aplikacije je sastavljen s izvorom mapa – demo kod možete pogledati direktno u debaggeru.

Primjeri integracija

Grupa programa s prefiksom „iSKI” uključuje odvojene aplikacije gotovo u svim europskim skijalištima: iSKI Austria, iSKI Swiss, iSKI France, iSKI Italia (Češka, Slovačka, Finska, Njemačka, Slovenija i dalje). Aplikacija prikazuje stanje snijega na skijalištima, popis restorana u planinama i karte staza, kao i druge korisne informacije koje će vam pomoći da steknete potpuno razumijevanje odredišta prije putovanja. Pristup internetu nije potreban – radi offline (osim prijenosa s kamera). Sve aplikacije su dostupne besplatno.

Sada se gotovo na svakom skijalištu nalazi kamera koja prikazuje situaciju na padinama. Kako biste daljinski pregledavali kamere putem aplikacije, pružili smo iSKI svoj SDK, i sada svakome omogućujemo da putem aplikacije vidi ne samo vremensku prognozu, debljinu snježnog pokrivača i broj otvorenih žičara, već i video direktno s padina.

Različiti sustavi pametnih kuća. Integracijom s sustavom Ivideon, ova rješenja dobivaju dodatne prednosti za sigurnost doma, jer kontroliraju kuću i pohranjuju videozapise na najsigurniji način u oblaku. Potpuno upravljanje je moguće putem mobilne aplikacije, koja obavještava o bilo kojim prijetnjama u stvarnom vremenu i omogućava brzu reakciju na nenormalne situacije.

Sustav analitike rada prodavača i konzultanata Perfect Service Solution. Oblak sustava nadzora snima i arhivira podatke, čija provjera se provodi od strane operatera, a rezultati se prikazuju online u korisničkom računu. Na kraju, klijent dobiva kratki isječak sa specifičnim događajem - kršenjem prodajnog protokola ili spornim incidentom. U web sučelju vidi podatke o prekršaju i ugrađeni videoisječak. Sav skup podataka dijeli se u dvije kategorije: kritični događaji i redoviti. Redoviti se pojavljuju u online računu sljedeći dan nakon događaja, dok se izvještaji o kritičnim prekršajima mogu primati putem SMS-a ili u aplikacijama za razmjenu poruka.

Pišite nam, da biste dobili pristup Web SDK-u i saznali više o našim integracijskim mogućnostima.

Izvor: habr.com