We hebben verschillende integratiecomponenten waarmee elke partner zijn eigen producten kan maken: Open API voor het ontwikkelen van elk alternatief voor het persoonlijke account van de Ivideon-gebruiker, Mobile SDK, waarmee u een volwaardige oplossing kunt ontwikkelen die qua functionaliteit gelijkwaardig is aan Ivideon-applicaties. als Web-SDK.
We hebben onlangs een verbeterde Web SDK uitgebracht, compleet met nieuwe documentatie en een demo-applicatie die ons platform nog flexibeler en ontwikkelaarsvriendelijker zal maken. Als u al eerder bekend was met onze SDK, zult u de wijzigingen meteen opmerken. Nu heeft u een duidelijk voorbeeld van hoe u API-functies in uw applicatie kunt inbouwen.
Voor alle anderen zullen we u meer in detail vertellen over alledaagse gevallen en geïmplementeerde integraties met behulp van de Ivideon API / SDK.
Web SDK: nieuwe functies
Ivideon is niet alleen een leverancier van cloudvideobewakingsdiensten en -apparatuur. Binnen Ivideon wordt een volledige ontwikkelingscyclus uitgevoerd: van camerafirmware tot de webversie van de dienst. We maken client- en server-SDK's, verbeteren LibVLC, implementeren WebRTC, doen video-analyses, ontwikkelen een client met White Label-ondersteuning voor partners en demoprojecten voor de SDK.
Hierdoor zijn we erin geslaagd een platform te worden waarop partners hun eigen oplossingen kunnen creëren. Nu heeft onze SDK voor het web een grote upgrade gekregen en we hopen dat er nog meer integratieoplossingen zullen komen.
Voor uw gemak hebben we aan het begin een gedeelte 'Snelle start' toegevoegd, waarmee u het apparaatbeheer eenvoudig kunt begrijpen.
De onderstaande code demonstreert het basisgebruik van de Ivideon Web SDK: er wordt een speler aan de pagina toegevoegd en de video voor de openbare camera wordt afgespeeld.
<!DOCTYPE html>
<html>
<head>
<title>Ivideon WEB SDK example</title>
<link rel="stylesheet" href="/nl/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 een aantal nieuwe functies toegevoegd:
- ondersteuning voor eenmalige videolinks;
- Er zijn knoppen aan de speler toegevoegd om de videokwaliteit en de afspeelsnelheid van het archief te regelen;
- de bedieningselementen van de speler kunnen één voor één worden in- en uitgeschakeld (voorheen kon je alles wat er was aanzetten of alles verbergen);
- De mogelijkheid toegevoegd om het geluid van de camera uit te schakelen.
Demo-applicatie
Om te demonstreren hoe u de Ivideon Web SDK kunt gebruiken met de UI-bibliotheek, distribueren we deze samen met een demo-applicatie. Nu heb je de mogelijkheid om te zien hoe de Ivideon Web SDK werkt met ReactJS.
Demo-applicatie online beschikbaar op
Een andere manier om de demo te bekijken is door de broncode in de Web SDK te onderzoeken en de applicatie zelf te bouwen.
Onze applicatie kan laten zien welke code overeenkomt met gebruikersacties.
Voeg meerdere spelers met verschillende motoren toe aan de pagina en vergelijk hun prestaties.
Creëer en beheer meerdere spelers vanuit één tijdlijn, die tegelijkertijd archieven van opnames van verschillende camera's toont.
De demo-applicatie onthoudt de instellingen van de laatste sessie in de lokale opslag van de browser: API-toegangsparameters, cameraparameters en andere. Ze worden hersteld wanneer u opnieuw inlogt.
De demo-applicatiecode is samengesteld uit bronkaarten - de democode kan rechtstreeks in de debugger worden bekeken.
Voorbeelden van integraties
Groep programma's met het voorvoegsel "
Nu heeft bijna elk skigebied een camera die de situatie op de piste laat zien. Om camera's op afstand via de applicatie te bekijken, hebben we iSKI voorzien van onze SDK, en nu kan iedereen via de applicatie niet alleen de weersvoorspelling, sneeuwdikte en het aantal open liften zien, maar ook video rechtstreeks vanaf de piste.
Diverse smart home systemen. Dankzij de integratie met het Ivideon-systeem behalen deze oplossingen meer voordelen voor de huisbeveiliging door de woning te monitoren en video-opnamen op de meest veilige manier op te slaan in een cloudarchief. De volledige controle vindt plaats via een mobiele applicatie, die in realtime waarschuwt voor eventuele bedreigingen en u in staat stelt snel te reageren op ongebruikelijke situaties.
Analysesysteem voor het werk van verkopers en adviseurs Perfect Service Solution. Het cloudvideobewakingssysteem bewaakt en registreert gegevens in het archief, dat wordt geverifieerd door operators, en de resultaten worden online weergegeven in uw persoonlijke account. De klant ontvangt uiteindelijk een kort fragment met een specifieke gebeurtenis: een overtreding van het verkoopprotocol of een controversieel incident. In de webinterface ziet hij gegevens over de overtreding en een ingebed stukje video. De volledige data-array is verdeeld in twee categorieën: kritieke gebeurtenissen en reguliere gebeurtenissen. Reguliere overtredingen verschijnen de volgende dag na het evenement in het online account, maar bij kritische overtredingen kunnen meldingen via sms of messenger worden ontvangen.
Bron: www.habr.com