Vi har flera integrationskomponenter som gör det möjligt för varje partner att skapa egna produkter: Open API för utveckling av alternativa versioner av användarpanelen Ivideon, Mobile SDK som möjliggör utvecklingen av en fullständig lösning med funktionalitet motsvarande Ivideon-apparna, samt Web SDK.
Nyligen lanserade vi en förbättrad Web SDK utrustad med ett nytt dokumentationssystem och en demo-applikation som gör vår plattform ännu mer flexibel och användarvänlig för utvecklare. Om du redan var bekant med vårt SDK tidigare, kommer du snabbt att märka förändringarna – nu har du en tydlig exempel på hur man integrerar API-funktioner i din applikation.
För alla andra kommer vi att berätta mer om vanliga användningsfall och genomförda integrationer med hjälp av API / SDK Ivideon.
Web SDK: nya möjligheter
Ivideon är inte bara en tjänst för molnbaserad övervakning och leverantör av utrustning. Inom Ivideon sker hela utvecklingscykeln: från kamerafirmware till webbversionen av tjänsten. Vi skapar klient- och server-SDK, förbättrar LibVLC, implementerar WebRTC, arbetar med videoanalys, utvecklar en klient med stöd för White Label för partners och demoprojekts för SDK.
Som ett resultat har vi blivit en plattform på vilken partners kan skapa egna lösningar. Nu har vårt SDK för Web fått en stor uppgradering, och vi hoppas att antalet integrationslösningar kommer att öka ytterligare.
För din bekvämlighet har vi lagt till en sektion "Snabbstart" i början, som hjälper dig att lätt navigera i enhetsadministrationen.
Koden nedan demonstrerar grundläggande användning av Ivideon Web SDK: en spelare har lagts till på sidan, och video för en offentlig kamera har startat.
<!DOCTYPE html>
<html>
<head>
<title>Ivideon WEB SDK exempel</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>
Vi har också lagt till några nya funktioner:
- stöd för engångslänkar till video;
- knappar för att styra videokvalitet och hastighet för arkiven har lagts till spelaren;
- spelarkontroller kan nu slås på och av individuellt (tidigare kunde man antingen aktivera allt eller dölja allt);
- möjligheten att stänga av ljudet på kameran har lagts till.
Demo-applikation
För att demonstrera hur man använder Ivideon Web SDK med användargränssnittsbiblioteket, distribuerar vi det tillsammans med en demosprogram. Nu har du möjlighet att se hur Ivideon Web SDK fungerar med ReactJS.
Demosprogrammet finns online på . För att det ska fungera läggs en slumpmässig kamera till från Ivideon TV. Om kameran inte fungerar, kan du bara gå tillbaka till länken ovan igen.
Ett annat sätt att bekanta sig med demonstrationen är att studera källkoden i Web SDK och bygga programmet själv.
Vår applikation visar vilken kod som motsvarar användarens åtgärder.
Lägg till flera spelare på sidan med olika motorer och jämför deras funktion.
Skapa flera spelare och kontrollera dem från en tidslinje där arkiv av flera kameror visas samtidigt.
Demosprogrammet sparar inställningar från den senaste sessionen i webbläsarens lokala lagring: API-åtkomstdetaljer, kamerainställningar och andra. Vid nästa inloggning återställs de.
Koden för demosprogrammet är sammanställd med källkartor – demosens kod kan ses direkt i debuggern.
Exempel på integrationer
Gruppen av program med prefixet "" inkluderar separata applikationer för nästan alla europeiska skidland: iSKI Österrike, iSKI Schweiz, iSKI Frankrike, iSKI Italien (Tjeckien, Slovakien, Finland, Tyskland, Slovenien och så vidare). Applikationen visar snöförhållanden i skidorter, en lista över restauranger i bergen och skidkartor samt annan användbar information som hjälper till att få en heltäckande bild av destinationen före resan. Det behövs ingen internetåtkomst – den fungerar i offline-läge (förutom videoströmning från kameror). Alla applikationer finns tillgängliga gratis.
Nu finns det nästan en kamera på varje skidort som visar förhållandena i backen. För att fjärrövervaka kamerorna via applikationen har vi tillhandahållit iSKI med vårt SDK, och nu kan alla se genom applikationen inte bara väderprognosen, snödjupet och antalet öppna liftsystem, utan också videor direkt från backen.
Olika smarta bomsystem. Genom integrationen med Ivideon-systemet får dessa lösningar ökade fördelar för hemmet säkerhet, eftersom de övervakar hemmet och lagrar videoinspelningar på det säkraste sättet i ett molnarkiv. Fullständig kontroll sker via en mobilapp som varnar om eventuella hot i realtid och möjliggör snabba reaktioner på ovanliga situationer.
Analysystem för säljares och konsulters arbete Perfect Service Solution. Det molnbaserade övervakningssystemet observerar och registrerar data som kontrolleras av operatörer, och resultaten visas online i kundens konto. Kunden får slutligen en kort fragment med ett specifikt händelse — ett försäljningsprotokoll eller en tvist. I webbgränssnittet kan han se uppgifterna om överträdelsen och en inbäddad videoklipp. All data delas in i två kategorier: kritiska händelser och regelbundna. Regelbundna visas i onlinekontot dagen efter händelsen, medan rapporter om kritiska överträdelser kan fås via SMS eller i en messenger.
, för att få tillgång till Web SDK och lära dig mer om våra integrationsmöjligheter.
Källa: habr.com
