We maken cloud videobewaking zelf: nieuwe mogelijkheden van de Web SDK Ivideon

We hebben verschillende integratiecomponenten die elke partner in staat stellen eigen producten te creëren: Open API voor het ontwikkelen van elke alternatieve gebruikersinterface voor Ivideon, Mobile SDK waarmee een volledige oplossing kan worden ontwikkeld die qua functionaliteit gelijkwaardig is aan de applicaties van Ivideon, en Web SDK.

Recent hebben we een verbeterde Web SDK uitgebracht, voorzien van een nieuw documentatiesysteem en een demo-applicatie die ons platform nog flexibeler en gebruiksvriendelijker voor ontwikkelaars zal maken. Als je al bekend was met onze SDK, zul je de veranderingen meteen opmerken — nu is er een duidelijk voorbeeld van hoe je API-functies in je applicatie kunt integreren.

Voor iedereen die geïnteresseerd is, zullen we meer vertellen over dagelijkse use cases en gerealiseerde integraties met behulp van de API/SDK van Ivideon.

Web SDK: nieuwe mogelijkheden

Ivideon is niet alleen een cloud videobewakingsdienst en leverancier van apparatuur. Binnen Ivideon vindt de volledige cyclus van ontwikkeling plaats: van de firmware van camera's tot de webversie van de dienst. We ontwikkelen client- en server-SDK's, verbeteren LibVLC, implementeren WebRTC, doen videoanalyse, ontwikkelen een client met ondersteuning voor White Label voor partners en demo-projecten voor SDK.

Hierdoor zijn we in staat geworden om een platform te creëren waarop partners hun eigen oplossingen kunnen ontwikkelen. Onze SDK voor Web heeft nu een grote upgrade gekregen, en we hopen dat er nog meer integratieoplossingen zullen ontstaan.

Voor uw gemak hebben we aan het begin van de sectie 'Snelle start' toegevoegd, die helpt bij het snel begrijpen van het beheer van apparaten.

De onderstaande code demonstreert het basisgebruik van de Ivideon Web SDK: er is een speler op de pagina toegevoegd en er is begonnen met het afspelen van video van een openbare camera.

<!DOCTYPE html>
<html>
<head>
<title>Ivideon WEB SDK voorbeeld</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>

We hebben ook verschillende nieuwe functies toegevoegd:

• ondersteuning voor eenmalige links naar video;
• de speler is voorzien van knoppen voor het beheren van videokwaliteit en afspeelsnelheid van de archieven;
• de bedieningspanelen van de speler kunnen één voor één in- of uitgeschakeld worden (vroeger kon je alles inschakelen of alles verbergen);
• het is nu mogelijk om het geluid op de camera uit te schakelen.

Demo-applicatie

Om te laten zien hoe u de Ivideon Web SDK met de gebruikersinterface-bibliotheek kunt gebruiken, bieden we deze aan met een demo-applicatie. Nu heeft u de mogelijkheid om te zien hoe de Web SDK Ivideon met ReactJS werkt.

De demo-applicatie is online beschikbaar op de link. Voor het gebruik wordt er een willekeurige camera uit Ivideon TV toegevoegd. Mocht de camera niet werken, volg dan gewoon de bovenstaande link opnieuw.

Een andere manier om de demo te verkennen, is door de broncode in de Web SDK te bestuderen en de applicatie zelf te bouwen.

Onze applicatie kan laten zien welke code overeenkomt met de acties van de gebruiker.

Voeg meerdere spelers met verschillende engines aan de pagina toe en vergelijk hun prestaties.

Maak meerdere spelers aan en beheer ze vanuit één tijdlijn, waarop tegelijk archieven van meerdere camera's worden weergegeven.

De demo-applicatie onthoudt de instellingen van de laatste sessie in de lokale opslag van de browser: API-toegangsinstellingen, camerainstellingen en anderen. Bij volgende toegang worden ze hersteld.

De code van de demo-applicatie is samengesteld met source maps – de democode kan direct in de debugger worden bekeken.

Integratievoorbeelden

De groep programma's met de prefix 'iSKI' omvat afzonderlijke applicaties voor bijna alle Europese skigebieden: iSKI Oostenrijk, iSKI Zwitserland, iSKI Frankrijk, iSKI Italië (Tsjechië, Slowakije, Finland, Duitsland, Slovenië en meer). De applicaties tonen de sneeuwcondities op skiresorts, een lijst van restaurants in de bergen en skikaarten, evenals andere nuttige informatie die helpt om een volledig beeld van de bestemming te krijgen voordat u vertrekt. Toegang tot internet is niet nodig - werkt in offline-modus (behalve voor de live-uitzending van camera's). Alle applicaties zijn gratis beschikbaar.

Tegenwoordig is er op bijna elk skigebied een camera geïnstalleerd die de situatie op de helling toont. Om camera's op afstand via de applicatie te bekijken, hebben we iSKI onze SDK gegeven, en nu kan iedereen via de app niet alleen de weersvoorspellingen, de dikte van de sneeuwbedekking en het aantal geopende liften zien, maar ook video rechtstreeks van de helling.

Verschillende smart home-systemen. Dankzij de integratie met het Ivideon-systeem krijgen deze oplossingen meer voordelen voor de beveiliging van uw huis, aangezien ze het huis controleren en videobeelden op de veiligste manier in de cloudarchief opslaan. Volledige controle gebeurt via een mobiele app die u in real-time waarschuwt voor bedreigingen en waarmee u snel kunt reageren op ongebruikelijke situaties.

Het analytics-systeem voor verkoopmedewerkers en consultants Perfect Service Solution. Het cloud-gebaseerde videosurveillancesysteem observeert en archiveert gegevens, waarbij controle door operators plaatsvindt, en de resultaten online in het persoonlijke dashboard worden weergegeven. De klant ontvangt uiteindelijk een kort fragment van een specifiek evenement - een schending van het verkoopprotocol of een betwist incident. In de webinterface ziet hij gegevens over de schending en een ingebouwde videoclips. Alle gegevens worden verdeeld in twee categorieën: kritieke gebeurtenissen en reguliere. Reguliere verschijnen de volgende dag in het online dashboard, terwijl rapporten over kritieke schendingen via SMS of in een messenger kunnen worden ontvangen.

Neem contact met ons op, om toegang te krijgen tot de Web SDK en meer te leren over onze integratiemogelijkheden.

Bron: habr.com