Mir hunn e puer Integratiounskomponenten déi all Partner erlaben hir eege Produkter ze kreéieren: Open API fir all Alternativ zum Ivideon Benotzer säi perséinleche Kont z'entwéckelen, Mobile SDK, mat deem Dir eng vollwäerteg Léisung gläichwäerteg a Funktionalitéit zu Ivideon Uwendungen entwéckelen kënnt, och als Web SDK.
Mir hunn viru kuerzem eng verbessert Web SDK verëffentlecht, komplett mat neier Dokumentatioun an enger Demo-Applikatioun déi eis Plattform nach méi flexibel an Entwécklerfrëndlech mécht. Wann Dir scho mat eisem SDK vertraut war, bemierkt Dir direkt d'Ännerungen - elo hutt Dir e kloert Beispill wéi Dir API Funktiounen an Är Applikatioun opbaut.
Fir all aner wäerte mir Iech méi detailléiert iwwer alldeeglech Fäll an ëmgesat Integratiounen mat der Ivideon API / SDK soen.
Web SDK: nei Funktiounen
Ivideon ass net nëmmen e Cloud Video Iwwerwachung Service an Ausrüstung Fournisseur. E komplette Entwécklungszyklus gëtt bannent Ivideon duerchgefouert: vu Kamera Firmware bis zur Webversioun vum Service. Mir maachen Client- a Server SDKs, verbesseren LibVLC, implementéieren WebRTC, maachen Videoanalytik, entwéckelen e Client mat White Label Support fir Partner an Demo-Projete fir d'SDK.
Als Resultat hu mir et fäerdeg bruecht eng Plattform ze ginn op där Partner hir eege Léisunge kënne kreéieren. Elo huet eis SDK fir de Web e groussen Upgrade kritt, a mir hoffen datt et nach méi Integratiounsléisungen gëtt.
Fir Är Kamoudheet hu mir am Ufank eng "Quick Start" Sektioun bäigefüügt, déi Iech hëllefe fir d'Gestioun vum Apparat einfach ze verstoen.
De Code hei ënnen weist d'Basisnotzung vun der Ivideon Web SDK: e Spiller gëtt op d'Säit bäigefüügt an de Video fir d'ëffentlech Kamera gëtt ugefaang ze spillen.
<!DOCTYPE html>
<html>
<head>
<title>Ivideon WEB SDK example</title>
<link rel="stylesheet" href="/lb/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>
Mir hunn och e puer nei Features bäigefüügt:
- Ënnerstëtzung fir eng Kéier Video Linken;
- Knäppercher goufen dem Spiller bäigefüügt fir d'Videoqualitéit an d'Archiv Playback Geschwindegkeet ze kontrolléieren;
- Spiller Kontrollen kann een op eng Zäit op an ausgeschalt ginn (virdrun Dir konnt entweder alles opzemaachen, datt do war oder alles verstoppen);
- D'Fäegkeet bäigefüügt fir den Toun op der Kamera auszeschalten.
Demo Applikatioun
Fir ze demonstréieren wéi Dir den Ivideon Web SDK mat der UI Bibliothéik benotzt, verdeele mir et zesumme mat enger Demo Applikatioun. Elo hutt Dir d'Méiglechkeet ze gesinn wéi d'Ivideon Web SDK mat ReactJS funktionnéiert.
Demo Uwendung verfügbar online op . Fir et ze schaffen, gëtt eng zoufälleg Kamera vum Ivideon TV dobäigesat. Wann d'Kamera op eemol net funktionnéiert, befollegt just nach eng Kéier de Link hei uewen.
Eng aner Manéier fir d'Demo ze gesinn ass de Quellcode an der Web SDK z'ënnersichen an d'Applikatioun selwer ze bauen.
Eis Applikatioun kann weisen wéi ee Code de Benotzeraktiounen entsprécht.
Füügt verschidde Spiller mat verschiddene Motoren op d'Säit a vergläicht hir Leeschtung.
Erstellt a verwalt verschidde Spiller aus enger Timeline, déi gläichzäiteg Archiven vun Opzeechnunge vu verschiddene Kameraen weisen.
D'Demo-Applikatioun erënnert un d'Astellunge vun der leschter Sessioun an der lokaler Späichere vum Browser: API Zougangsparameter, Kameraparameter, an anerer. Si ginn restauréiert wann Dir Iech erëm aloggen.
Den Demo-Applikatiounscode gouf aus Quellkaarten zesummegesat - den Democode kann direkt am Debugger gekuckt ginn.
Beispiller vun Integratioun
Grupp vu Programmer mam Präfix "» enthält separat Uwendungen fir bal all europäesch Ski Länner: iSKI Éisträich, iSKI Schwäizer, iSKI Frankräich, iSKI Italia (Tschechesch, Slowakei, Suomi, Däitschland, Slowenien a méi). D'App weist Schnéibedéngungen op Ski Resorts, eng Lëscht vu Restauranten an de Bierger an Trailkaarten, souwéi aner nëtzlech Informatioun déi Iech hëllefe fir e komplett Bild vun Ärer Destinatioun virun Ärer Rees ze kréien. Zur selwechter Zäit ass den Zougang zum Internet net erfuerderlech - et funktionnéiert offline (ausser Emissioune vu Kameraen). All Applikatioune si gratis verfügbar.
Elo huet bal all Ski Resort eng Kamera déi d'Situatioun um Piste weist. Fir Kameraen op afstand duerch d'Applikatioun ze gesinn, hu mir iSKI mat eisem SDK zur Verfügung gestallt, an elo kann jiddereen duerch d'Applikatioun net nëmmen d'Wiederprevisioun, d'Schnéodicke an d'Zuel vun den oppene Liften gesinn, awer och de Video direkt vum Hang.
Verschidde Smart Home Systemer. Dank der Integratioun mam Ivideon System kréien dës Léisunge méi grouss Heemsécherheetsvirdeeler andeems se d'Haus iwwerwaachen a Videoopnamen op déi sécherste Manéier an engem Cloudarchiv späicheren. Voll Kontroll gëtt duerch eng mobil Applikatioun duerchgefouert, déi Iech iwwer all Bedrohungen an Echtzäit informéiert an Iech erlaabt séier op ongewéinlech Situatiounen ze reagéieren.
Analytics System fir d'Aarbecht vun Verkeefer a Beroder Perfect Service Solution. De Cloud Video Iwwerwaachungssystem iwwerwaacht a registréiert Daten am Archiv, déi vun de Betreiber verifizéiert ginn, an d'Resultater ginn online an Ärem perséinleche Kont reflektéiert. De Client kritt schlussendlech e kuerze Fragment mat engem spezifeschen Event - eng Verletzung vum Verkafsprotokoll oder e kontroversen Tëschefall. Am Webinterface gesäit hien Daten iwwer d'Verletzung an en embedded Stéck Video. Déi ganz Datarray ass an zwou Kategorien opgedeelt: kritesch Eventer a regelméisseg. Regelméisseg erschéngen am Online Kont den nächsten Dag nom Event, awer fir kritesch Violatioune kënnen Berichter per SMS oder Messenger kritt ginn.
fir Zougang zum Web SDK ze kréien a méi iwwer eis Integratiounsfäegkeeten ze léieren.
Source: will.com