🥇Tworzymy chmurowe monitorowanie wideo we własnym zakresie: nowe możliwości Web SDK Ivideon

Mamy kilka komponentów integracyjnych, które umożliwiają każdemu partnerowi tworzenie własnych produktów: Open API do opracowania dowolnej alternatywy dla osobistego panelu użytkownika Ivideon, Mobile SDK, które umożliwia stworzenie pełnoprawnego rozwiązania porównywalnego z aplikacjami Ivideon, a także Web SDK.

Niedawno wydaliśmy ulepszone Web SDK, wyposażone w nowy system dokumentacji oraz aplikację demonstracyjną, które uczynią naszą platformę jeszcze bardziej elastyczną i przyjazną dla deweloperów. Jeśli już wcześniej znaliście nasze SDK, od razu zauważycie zmiany — teraz macie dostęp do wizualnego przykładu, jak integrować funkcje API w waszej aplikacji.

Dla wszystkich innych szczegółowo przedstawimy codzienne przypadki oraz zrealizowane integracje z wykorzystaniem API / SDK Ivideon.

Web SDK: nowe możliwości

Ivideon to nie tylko usługa chmurowego monitoringu wideo i dostawca sprzętu. Wewnątrz Ivideon prowadzone są kompleksowe prace rozwojowe: od oprogramowania kamer po wersję webową usługi. Tworzymy klienta i serwera SDK, poprawiamy LibVLC, wdrażamy WebRTC, zajmujemy się analizą wideo, opracowujemy klienta z wdrożoną obsługą White Label dla partnerów oraz projekty demonstracyjne do SDK.

W rezultacie udało nam się stać platformą, na którą partnerzy mogą tworzyć własne rozwiązania. Nasze SDK dla Web przeszło dużą aktualizację, a my mamy nadzieję, że liczba rozwiązań integracyjnych jeszcze wzrośnie.

Dla Twojej wygody dodaliśmy na początku sekcję "Szybki start", która pomoże szybko zrozumieć zarządzanie urządzeniami.

Poniższy kod demonstruje podstawowe wykorzystanie Ivideon Web SDK: na stronę dodano odtwarzacz i rozpoczęto odtwarzanie wideo dla ogólnodostępnej kamery.

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

Dodaliśmy także kilka nowych funkcji:

wsparcie dla jednorazowych linków do wideo;
w odtwarzaczu dodano przyciski do zarządzania jakością wideo oraz prędkością odtwarzania archiwum;
elementy sterujące odtwarzaczem można włączać i wyłączać pojedynczo (wcześniej można było włączyć wszystko, co jest, lub wszystko ukryć);
dodano możliwość wyłączania dźwięku na kamerze.

Aplikacja demonstracyjna

Aby zademonstrować, jak korzystać z Ivideon Web SDK z biblioteką interfejsu użytkownika, udostępniamy go razem z aplikacją demonstracyjną. Teraz masz szansę zobaczyć, jak działa Web SDK Ivideon z ReactJS.

Aplikacja demonstracyjna jest dostępna online pod linkiem. Aby zadziałała, dodawana jest losowa kamera z Ivideon TV. Jeśli kamera okaże się nieczynna, po prostu kliknij powyższy link jeszcze raz.

Innym sposobem na zapoznanie się z demo jest przeanalizowanie kodu źródłowego w Web SDK i samodzielne zbudowanie aplikacji.

Nasza aplikacja potrafi pokazać, jaki kod odpowiada działaniom użytkownika.

Dodaj na stronę kilka odtwarzaczy z różnymi silnikami i porównuj ich działanie.

Twórz wiele odtwarzaczy i zarządzaj nimi z jednego harmonogramu, na którym jednocześnie będą wyświetlane archiwa nagrań z kilku kamer.

Aplikacja demonstracyjna zapamiętuje w lokalnym magazynie przeglądarki ustawienia z ostatniej sesji: parametry dostępu do API, parametry kamery i inne. Przy ponownym wejściu zostaną one przywrócone.

Kod aplikacji demonstracyjnej został zbudowany z użyciem map źródłowych – kod demo można zobaczyć bezpośrednio w debuggerze.

Przykłady integracji

Grupa programów z przedrostkiem „iSKI” obejmuje osobne aplikacje praktycznie w każdym europejskim kraju narciarskim: iSKI Austria, iSKI Szwajcaria, iSKI Francja, iSKI Włochy (Czechy, Słowacja, Finlandia, Niemcy, Słowenia i inne). Aplikacja pokazuje stan śniegu w ośrodkach narciarskich, spis restauracji w górach oraz schematy tras, a także inne praktyczne informacje, które pomogą uzyskać pełny obraz miejsca docelowego przed podróżą. Nie jest wymagany dostęp do Internetu – działa w trybie offline (z wyjątkiem transmisji z kamer). Wszystkie aplikacje udostępnione są bezpłatnie.

Obecnie prawie w każdym ośrodku narciarskim zainstalowana jest kamera, która pokazuje sytuację na stoku. Aby zdalnie przeglądać kamery przez aplikację, udostępniliśmy iSKI swój SDK, dzięki czemu każdy może zobaczyć przez aplikację nie tylko prognozę pogody, grubość pokrywy śnieżnej i liczbę otwartych wyciągów, ale także wideo bezpośrednio ze stoku.

Różne systemy inteligentnego domu. Dzięki integracji z systemem Ivideon, te rozwiązania zyskują dodatkowe korzyści dla bezpieczeństwa domu, ponieważ monitorują dom i przechowują nagrania w najbezpieczniejszy sposób w chmurze. Pełna kontrola odbywa się za pośrednictwem aplikacji mobilnej, która informuje o wszelkich zagrożeniach w czasie rzeczywistym i pozwala szybko reagować na nietypowe sytuacje.

System analityki pracy sprzedawców i konsultantów Perfect Service Solution. Chmurowy system monitoringu wideo obserwuje i archiwizuje dane, których weryfikacji dokonują operatorzy, a wyniki są wyświetlane online w panelu klienta. Klient otrzymuje ostatecznie krótki fragment z określonym zdarzeniem - naruszeniem protokołu sprzedaży lub spornym incydentem. W interfejsie internetowym widzi dane o naruszeniu oraz wbudowany fragment wideo. Cały zbiór danych dzieli się na dwie kategorie: wydarzenia krytyczne i regularne. Regularne pojawiają się w panelu online dzień po zdarzeniu, podczas gdy raporty dotyczące poważnych naruszeń można otrzymać SMS-em lub w komunikatorze.