🥇Cloud-Videoüberwachung selbst gestalten: neue Möglichkeiten des Web SDK Ivideon

Wir bieten mehrere Integrationskomponenten an, mit denen Partner ihre eigenen Produkte erstellen können: eine Open API zur Entwicklung beliebiger Alternativen zum persönlichen Benutzerdashboard von Ivideon, ein Mobile SDK, mit dem eine voll funktionsfähige Lösung entwickelt werden kann, die den Ivideon-Anwendungen vergleichbar ist, sowie ein Web SDK.

Kürzlich haben wir ein verbessertes Web SDK veröffentlicht, das mit einem neuen Dokumentationssystem und einer Demo-Anwendung ausgestattet ist, die unsere Plattform noch flexibler und benutzerfreundlicher für Entwickler machen. Wenn Sie bereits zuvor mit unserem SDK vertraut waren, werden Sie die Änderungen sofort bemerken – jetzt haben Sie ein anschauliches Beispiel, wie Sie API-Funktionen in Ihre Anwendung integrieren können.

Für alle anderen werden wir ausführlicher über Anwendungsfälle im Alltag und die implementierten Integrationen mit der API / SDK von Ivideon berichten.

Web SDK: neue Möglichkeiten

Ivideon ist nicht nur ein Cloud-Überwachungsdienst und Anbieter von Hardware. Innerhalb von Ivideon erfolgt der vollständige Entwicklungszyklus: von der Firmware der Kameras bis zur Webversion des Dienstes. Wir entwickeln Client- und Server-SDKs, verbessern LibVLC, integrieren WebRTC, beschäftigen uns mit Videoanalytik und entwickeln einen Client mit implementierter White-Label-Unterstützung für Partner sowie Demoprojekte für das SDK.

Als Ergebnis konnten wir eine Plattform schaffen, auf der Partner ihre eigenen Lösungen entwickeln können. Unser SDK für das Web hat nun ein großes Upgrade erhalten, und wir hoffen, dass es künftig noch mehr Integrationslösungen geben wird.

Zu Ihrem Komfort haben wir am Anfang des Abschnitts den "Schnellstart" hinzugefügt, der Ihnen hilft, sich leicht mit der Verwaltung der Geräte vertraut zu machen.

Der folgende Code zeigt die grundlegende Nutzung des Ivideon Web SDK: ein Player wurde zur Seite hinzugefügt und die Wiedergabe eines Videos für die öffentliche Kamera wurde gestartet.

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

Wir haben auch einige neue Funktionen hinzugefügt:

Unterstützung für Einmallinks zu Videos;
Im Player wurden Schaltflächen zur Steuerung der Videoqualität und der Wiedergabegeschwindigkeit des Archivs hinzugefügt;
Die Steuerelemente des Players können einzeln ein- und ausgeschaltet werden (früher konnte man entweder alles aktivieren oder alles verstecken);
Die Möglichkeit, den Ton der Kamera auszuschalten, wurde hinzugefügt.

Demonstrationsanwendung

Um zu zeigen, wie das Ivideon Web SDK mit der Benutzeroberflächenbibliothek verwendet wird, stellen wir es zusammen mit einer Demonstrationsanwendung zur Verfügung. Jetzt haben Sie die Möglichkeit zu sehen, wie das Ivideon Web SDK mit ReactJS funktioniert.

Die Demoprogramm ist online verfügbar unter über diesen Link verfügbar. Für seine Funktionsweise wird eine zufällige Kamera aus Ivideon TV hinzugefügt. Sollte die Kamera nicht funktionieren, besuchen Sie einfach den obigen Link erneut.

Eine weitere Möglichkeit, die Demo kennenzulernen, besteht darin, den Quellcode im Web SDK zu studieren und die Anwendung selbst zusammenzustellen.

Unsere Anwendung kann zeigen, welcher Code den Benutzeraktionen entspricht.

Fügen Sie der Seite mehrere Player mit unterschiedlichen Engines hinzu und vergleichen Sie deren Leistung.

Erstellen Sie mehrere Player und steuern Sie diese von einer Zeitleiste aus, auf der die Archive mehrerer Kameras gleichzeitig angezeigt werden.

Die Demo-Anwendung speichert die Einstellungen aus der letzten Sitzung im lokalen Speicher des Browsers: API-Zugangsdaten, Kameraeinstellungen und andere. Bei erneutem Login werden diese wiederhergestellt.

Der Code der Demo-Anwendung ist mit Source Maps versehen – der Demo-Code kann direkt im Debugger eingesehen werden.

Integrationsbeispiele

Eine Gruppe von Programmen mit dem Präfix „iSKI“ umfasst eigene Anwendungen für nahezu alle europäischen Skiregionen: iSKI Österreich, iSKI Schweiz, iSKI Frankreich, iSKI Italien (Tschechien, Slowakei, Finnland, Deutschland, Slowenien und weitere). Die App zeigt den Schneezustand in den Skigebieten, eine Liste der Hütten im Gebirge und die Pistenkarten an, sowie weitere nützliche Informationen, die helfen, ein umfassendes Bild vom Reiseziel vor der Fahrt zu bekommen. Ein Internetzugang ist dabei nicht erforderlich – sie funktioniert im Offline-Modus (außer bei der Übertragung von Kameras). Alle Anwendungen sind kostenlos verfügbar.

In fast jedem Skigebiet gibt es jetzt eine Kamera, die die Situation am Hang zeigt. Um die Kameras aus der Ferne über die App anzusehen, haben wir iSKI unser SDK zur Verfügung gestellt, und jetzt kann jeder nicht nur die Wettervorhersage, die Schneehöhe und die Anzahl der geöffneten Lifte sehen, sondern auch Videos direkt vom Hang.

Verschiedene Smart-Home-Systeme. Durch die Integration mit dem Ivideon-System bieten diese Lösungen mehr Sicherheitsvorteile, da sie das Zuhause überwachen und Videoaufzeichnungen auf die sichere Weise in der Cloud archivieren. Die vollständige Steuerung erfolgt über eine mobile App, die in Echtzeit über Bedrohungen informiert und eine schnelle Reaktion auf ungewöhnliche Situationen ermöglicht.

Das Analyse-System für die Arbeit von Verkäufern und Beratern bei Perfect Service Solution. Das cloudbasierte Videosystem überwacht und archiviert Daten, deren Überprüfung durch Operatoren erfolgt, und deren Ergebnisse online im persönlichen Bereich angezeigt werden. Der Kunde erhält letztendlich einen kurzen Ausschnitt mit einem spezifischen Ereignis — einem Verstoß gegen das Verkaufsprotokoll oder einem strittigen Vorfall. Im Web-Interface sieht er die Daten zum Verstoß und einen eingebetteten Videoausschnitt. Die gesamten Daten werden in zwei Kategorien unterteilt: kritische Ereignisse und regelmäßige. Die regelmäßigen Ereignisse erscheinen am folgenden Tag im Online-Bereich, während Berichte über kritische Verstöße per SMS oder in Messenger-Diensten bereitgestellt werden können.