Máme několik integračních komponent, které umožňují jakémukoliv partnerovi vytvářet vlastní produkty: Open API pro vývoj jakékoli alternativy uživatelského účtu Ivideon, Mobile SDK, s jehož pomocí lze vyvinout plnohodnotné řešení, ekvivalentní aplikacím Ivideon, a také Web SDK.
Nedávno jsme vydali vylepšené Web SDK, vybavené novým systémem dokumentace a demoverzí aplikace, které učiní naši platformu ještě flexibilnější a pohodlnější pro vývojáře. Pokud jste již byli s naším SDK obeznámeni, hned si všimnete změn — nyní máte názorný příklad, jak integrovat funkce API do vaší aplikace.
Pro všechny ostatní podrobněji popíšeme každodenní případy použití a implementované integrace s využitím API / SDK Ivideon.
Web SDK: nové možnosti
Ivideon není jen služba cloudového video sledování a dodavatel vybavení. Uvnitř Ivideon probíhá kompletní cyklus vývoje: od firmwaru kamer po webovou verzi služby. Vyvíjíme klientské a serverové SDK, zlepšujeme LibVLC, implementujeme WebRTC, zabýváme se video analytikou, vyvíjíme klienta s implementovanou podporou White Label pro partnery a demonstrační projekty k SDK.
Výsledkem se nám podařilo stát platformou, na jejímž základě mohou partneři vytvářet vlastní řešení. Nyní naše SDK pro Web dostalo významný upgrade, a doufáme, že integračních řešení bude ještě více.
Pro vaše pohodlí jsme do začátku sekce přidali 'Rychlý start', který pomůže snadno pochopit správu zařízení.
Následující kód ukazuje základní použití Ivideon Web SDK: na stránku byl přidán přehrávač a zahájeno přehrávání videa z veřejné kamery.
<!DOCTYPE html>
<html>
<head>
<title>Příklad WEB SDK Ivideon</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>
Také jsme přidali několik nových funkcí:
- podpora jednorázových odkazů na video;
- do přehrávače byly přidány tlačítka pro ovládání kvality videa a rychlosti přehrávání archivu;
- ovládací prvky přehrávače lze zapínat a vypínat jednotlivě (dříve bylo možné buď zapnout vše, co existovalo, nebo vše skrýt);
- je přidána možnost vypnout zvuk na kameře.
Dema aplikace
Aby ukázali, jak používat Ivideon Web SDK s uživatelským rozhraním, poskytujeme ho spolu s demonstrační aplikací. Nyní máte možnost vidět, jak Ivideon Web SDK funguje s ReactJS.
Demonstrační aplikace je dostupná online na . Pro její fungování se přidává náhodná kamera z Ivideon TV. Pokud se náhodou kamera ukáže jako nefunkční, jednoduše znovu navštivte výše uvedený odkaz.
Další způsob, jak si vyzkoušet demo, je prostudovat zdrojový kód ve Web SDK a sestavit aplikaci samostatně.
Naše aplikace dokáže zobrazit, jaký kód odpovídá uživatelským akcím.
Přidávejte na stránku několik přehrávačů s různými enginy a porovnávejte jejich výkon.
Vytvářejte několik přehrávačů a ovládejte je z jednoho časového pásma, na kterém budou současně zobrazeny archivy záznamů z několika kamer.
Demonstrační aplikace si ukládá do místního úložiště prohlížeče nastavení z poslední relace: parametry přístupu k API, parametry kamery a další. Při dalším přihlášení budou obnovena.
Kód demonstrační aplikace je sestaven se zdrojovými mapami – kód demo je možné zobrazit přímo v debuggeru.
Příklady integrací
Skupina programů s předponou „“ zahrnuje samostatné aplikace téměř ze všech evropských lyžařských zemí: iSKI Austria, iSKI Swiss, iSKI France, iSKI Italia (Česká republika, Slovensko, Finsko, Německo, Slovinsko a další). Aplikace ukazují stav sněhu na lyžařských střediscích, seznam restaurací v horách a mapy sjezdovek, jakož i další užitečné informace, které pomohou získat úplný přehled o cíli před cestou. Přístup k internetu není potřeba – funguje v offline režimu (s výjimkou přenosu z kamer). Všechny aplikace jsou k dispozici zdarma.
V současnosti má téměř každé lyžařské středisko nainstalovanou kameru, která zobrazuje situaci na svahu. Aby mohli uživatelé sledovat kamery vzdáleně prostřednictvím aplikace, poskytli jsme iSKI svůj SDK, a nyní může každý vidět prostřednictvím aplikace nejen předpověď počasí, tloušťku sněhové pokrývky a počet otevřených lanovek, ale také videa přímo ze svahu.
Různé systémy chytré domácnosti. Díky integraci se systémem Ivideon získávají tato řešení více výhod pro bezpečnost domova, protože kontrolují dům a uchovávají videozáznamy nejbezpečnějším způsobem v cloudovém archivu. Kompletní řízení probíhá prostřednictvím mobilní aplikace, která upozorňuje na jakékoli hrozby v reálném čase a umožňuje rychlou reakci na nestandardní situace.
Systém analýzy práce prodejců a konzultantů Perfect Service Solution. Cloudový systém video monitorování sleduje a archivu záznamy dat, jejichž kontrola probíhá operátory, a výsledky jsou online zobrazeny v osobním účtu. Klient nakonec získává krátký klip s konkrétní událostí – porušením prodejního protokolu nebo sporným incidentem. V webovém rozhraní vidí údaje o porušení a integrovaný úryvek videa. Celá masa dat je rozdělena do dvou kategorií: kritické události a pravidelné. Pravidelné se objeví v online účtu následující den po události, zatímco zprávy o kritických porušeních lze získat prostřednictvím SMS nebo v messengeru.
, abyste získali přístup k Web SDK a dozvěděli se více o našich integračních možnostech.
Zdroj: habr.com
