Máme niekoľko integračných komponentov, ktoré umožňujú každému partnerovi vytvárať vlastné produkty: Open API na vývoj akéhokoľvek alternatívneho používateľského rozhrania Ivideon, Mobile SDK, s ktorým je možné vyvinúť plnohodnotné riešenie, ekvivalentné funkcionalite aplikácií Ivideon, ako aj Web SDK.
Nedávno sme vydali vylepšené Web SDK, vybavené novým systémom dokumentácie a demonštračnou aplikáciou, ktoré našu platformu ešte viac prispôsobia a uľahčia jej použitie pre vývojárov. Ak ste sa s naším SDK už predtým oboznámili, okamžite si všimnete zmeny — teraz máte vizuálny príklad, ako integrovať API funkcie do vašej aplikácie.
Pre všetkých ostatných podrobnejšie opíšeme každodenné prípady a realizované integrácie pomocou API / SDK Ivideon.
Web SDK: nové možnosti
Ivideon nie je len služba cloudového videonahrávania a dodávateľ zariadení. V rámci Ivideon prebieha kompletný cyklus vývoja: od firmvéru kamier po webovú verziu služby. Vytvárame klientské a serverové SDK, zlepšujeme LibVLC, implementujeme WebRTC, zaoberáme sa videoanalytikou, vyvíjame klienta s podporou White Label pre partnerov a demonštračné projekty k SDK.
V dôsledku toho sme sa stali platformou, na ktorej môžu partneri vytvárať vlastné riešenia. Teraz naše SDK pre Web dostalo veľký upgrade a dúfame, že integrovaných riešení bude ešte viac.
Pre vaše pohodlie sme na začiatok pridali sekciu „Rýchly štart“, ktorá pomôže ľahko sa zorientovať v správe zariadení.
Nižšie uvedený kód demonštruje základné použitie Ivideon Web SDK: na stránku bol pridaný prehrávač a začalo sa prehrávanie videa pre verejnú kameru.
<!DOCTYPE html>
<html>
<head>
<title>Príklad Ivideon WEB SDK</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>
Pridali sme tiež niekoľko nových funkcií:
- podpora jednorazových odkazov na video;
- do prehrávača boli pridané tlačidlá na ovládanie kvality videa a rýchlosti prehrávania archívu;
- ovládacie prvky prehrávača je možné zapínať a vypínať jednotlivo (predtým bolo možné buď zapnúť všetko, čo je k dispozícii, alebo všetko skryť);
- pridaná možnosť vypnúť zvuk na kamere.
Demonštračná aplikácia
Aby sme ukázali, ako používať Ivideon Web SDK s knižnicou používateľského rozhrania, distribuujeme ho spolu s ukážkovou aplikáciou. Teraz máte možnosť vidieť, ako funguje Web SDK Ivideon s ReactJS.
Ukážková aplikácia je dostupná online na . Na jej fungovanie sa pridáva náhodná kamera z Ivideon TV. Ak náhodou kamera nie je funkčná, jednoducho prejdite na vyššie uvedený odkaz znova.
Ďalší spôsob, ako sa oboznámiť s ukážkou, je preštudovať zdrojový kód v Web SDK a zostaviť aplikáciu samostatne.
Naša aplikácia dokáže ukázať, aký kód zodpovedá akciám používateľa.
Pridávajte na stránku niekoľko prehrávačov s rôznymi enginmi a porovnávajte ich prácu.
Vytvárajte niekoľko prehrávačov a ovládajte ich z jedného časového pásma, na ktorom budú súčasne zobrazené archívy nahrávok z viacerých kamier.
Ukážková aplikácia si pamätá v miestnom úložisku prehliadača nastavenia z poslednej relácie: parametre prístupu k API, parametre kamery a ďalšie. Pri opätovnom prihlásení sa obnovia.
Kód ukážkovej aplikácie je zostavený s mapami zdrojov – kód môžeme vidieť priamo v debuggere.
Príklady integrácií
Skupina programov s predponou „„ obsahuje samostatné aplikácie takmer zo všetkých európskych lyžiarskych krajín: iSKI Austria, iSKI Swiss, iSKI France, iSKI Italia (Czech, Slovakia, Suomi, Deutschland, Slovenija a ďalšie). Aplikácie zobrazujú stav snehu na lyžiarskych strediskách, zoznam reštaurácií v horách a mapy tratí, ako aj ďalšie užitočné informácie, ktoré pomôžu získať kompletný prehľad o destinácii pred cestou. Prístup na internet nie je potrebný – funguje v offline režime (okrem streamovania z kamier). Všetky aplikácie sú zdarma k dispozícii.
Teraz je takmer na každom lyžiarskom stredisku nainštalovaná kamera, ktorá zobrazuje situáciu na svahu. Aby ste mohli sledovať kamery na diaľku cez aplikáciu, poskytli sme iSKI svoj SDK, a teraz každý môže vidieť cez aplikáciu nielen predpoveď počasia, hrúbku snehu a počet otvorených vlekov, ale aj videá priamo zo svahu.
Rôzne systémy inteligentného domu. Vďaka integrácii so systémom Ivideon tieto riešenia získavajú viac výhod pre bezpečnosť domácnosti, pretože kontrolujú dom a uchovávajú videonahrávky najbezpečnejším spôsobom v cloudovom archíve. Kompletné ovládanie sa vykonáva cez mobilnú aplikáciu, ktorá v reálnom čase upozorňuje na akékoľvek hrozby a umožňuje rýchlo reagovať na neštandardné situácie.
Systém analytiky práce predajcov a konzultantov Perfect Service Solution. Cloudový systém videodohľadu sleduje a archivuje údaje, ktorých kontrolu vykonávajú operátori, a výsledky sa online odrážajú v osobnom profile. Klient nakoniec dostane krátky fragment s konkrétnou udalosťou — porušením predajných protokolov alebo sporným incidentom. Vo webovom rozhraní vidí údaje o porušení a zabudovaný úryvok videa. Celý súbor údajov je rozdelený do dvoch kategórií: kritické udalosti a pravidelné. Pravidelné sa objavujú v online profile nasledujúci deň po udalosti, ale k kritickým porušeniam je možné dostávať správy cez SMS alebo v messengeri.
, aby ste získali prístup k Web SDK a dozvedeli sa viac o našich integračných možnostiach.
Zdroj: habr.com
