Създайте облачно видеонаблюдение сами: нови възможности с Web SDK Ivideon

Имаме няколко интеграционни компонента, които позволяват на всеки партньор да създава свои собствени продукти: Open API за разработване на всякаква алтернатива на потребителския интерфейс на Ivideon, Mobile SDK, с помощта на което можете да разработите пълноценен софтуер, еквивалентен по функционалност на приложенията на Ivideon, както и Web SDK.

Наскоро пуснахме подобрен Web SDK, с нова система за документация и демо приложение, които ще направят нашата платформа още по-гъвкава и удобна за разработчиците. Ако вече сте запознати с нашия SDK, веднага ще забележите промените — сега имате ясeн пример как да вградите API функции в приложението си.

За всички останали ще разкажем по-подробно за ежедневните случаи и реализираните интеграции с помощта на API / SDK Ivideon.

Web SDK: нови възможности

Ivideon не е просто услуга за облачно видеонаблюдение и доставчик на оборудване. Вътре в Ivideon се провежда пълен цикъл на разработка: от фърмуерите на камерите до уеб версията на услугата. Ние създаваме клиентски и сървърни SDK, подобряваме LibVLC, внедряваме WebRTC, занимаваме се с видеоаналитика, разработваме клиент с реализирана поддръжка на White Label за партньори и демо проекти за SDK.

В резултат на това успяхме да станем платформа, на базата на която партньорите могат да създават свои собствени решения. Сега нашият SDK за Web е получил голям ъпгрейд и се надяваме, че интеграционните решения ще станат още повече.

За вашето удобство добавихме в началото раздела „Бързо стартиране“, който ще помогне лесно да се справите с управлението на устройствата.

Приведеният по-долу код демонстрира основното използване на Ivideon Web SDK: на страницата е добавен плеър и е започнато възпроизвеждане на видео за публична камера.

<!DOCTYPE html>
<html>
<head>
<title>Ivideon WEB SDK пример</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>

Също така добавихме няколко нови функции:

• поддръжка на еднократни линкове за видео;
• в плеъра са добавени бутони за управление на качеството на видеото и скоростта на възпроизвеждане на архива;
• елементите за управление на плеъра могат да се включват и изключват поотделно (преди можеше или да включите всичко, което има, или да скриете всичко);
• добавена е възможността да се изключи звука на камерата.

Демо приложение

За да демонстрираме как да използвате Ivideon Web SDK с библиотеката за потребителски интерфейс, ние го разпространяваме заедно с демонстрационно приложение. Сега имате възможност да видите как работи Ivideon Web SDK с ReactJS.

Демонстрационното приложение е достъпно онлайн на връзката. За да работи, добавя случайна камера от Ivideon TV. Ако камерата окажется неработеща, просто кликнете отново на връзката по-горе.

Друг начин да се запознаете с демото е да разгледате изходния код в Web SDK и да съберете приложението сами.

Нашето приложение показва какъв код съответства на действията на потребителя.

Добавяйте на страницата няколко плеъра с различни механизми и сравнявайте тяхната работа.

Създавайте няколко плеъра и ги управлявайте от един времеви график, на който ще се показват едновременно архивите на записи от няколко камери.

Демонстрационното приложение запомня в локалното хранилище на браузъра настройките от последната сесия: параметри за достъп до API, параметри на камерата и други. При повторно влизане те ще бъдат възстановени.

Кодът на демонстрационното приложение е събран с source maps – можете да видите демо кода директно в отладчика.

Примери за интеграции

Група програми с приставката „iSKI“ включва отделни приложения почти за всички европейски ски курорти: iSKI Austria, iSKI Swiss, iSKI France, iSKI Italia (Czech, Slovakia, Suomi, Deutschland, Slovenija и др.). Приложението показва състоянието на снега на ски курортите, списък с ресторантите в планината и схеми на пистите, както и друга полезна информация, която ще помогне да получите пълна представа за дестинацията преди пътуването. Осигурен е офлайн достъп (с изключение на предаване от камерите). Всички приложения са предоставени безплатно.

В момента почти на всеки ски курорт е инсталирана камера, която показва обстановката на склоновете. За да преглеждате камерите отдалечено чрез приложението, предоставихме на iSKI своя SDK, и сега всеки може да вижда през приложението не само прогнозата за времето, дебелината на снежната покривка и броя на отворените лифтове, но и видео направо от склоновете.

Разнообразни системи за умен дом. Чрез интеграцията с Ivideon, тези решения предоставят допълнителни предимства за безопасността на дома, тъй като контролират домa и съхраняват видеозаписи по най-сигурния начин в облачния архив. Пълното управление се осъществява чрез мобилното приложение, което уведомява за всякакви заплахи в реално време и позволява бърза реакция при нестандартни ситуации.

Система за анализ на работата на търговците и консултантите Perfect Service Solution. Облачната система за видеонаблюдение наблюдава и записва данни в архив, които проверяват операторите, а резултатите се отразяват онлайн в личния кабинет. Клиентът в крайна сметка получава кратък фрагмент с конкретно събитие — нарушение на протоколите за продажба или спорен инцидент. В уеб интерфейса той вижда данни за нарушението и вградена част от видеото. Целият набор от данни е разделен на две категории: критични събития и редовни. Редовните се появяват в онлайн кабинета на следващия ден след събитието, докато за критичните нарушения отчетите могат да се получават по SMS или в Messenger.

Пишете ни, за да получите достъп до Web SDK и да научите повече за нашите интеграционни възможности.

Източник: habr.com