У нас є кілька інтеграційних компонентів, що дозволяють будь-якому партнеру створювати власні продукти: Open API для розробки будь-якої альтернативи особистого кабінету користувача Ivideon, Mobile SDK, за допомогою якого можна розробити повноцінне рішення, еквівалентне функціональності додаткам Ivideon, а також Web SDK.
Нещодавно ми випустили покращений Web SDK, з новою системою документації та демо-додатком, які зроблять нашу платформу ще більш гнучкою і зручною для розробників. Якщо ви вже були знайомі з нашим SDK раніше, то відразу помітите зміни - тепер у вас з'явився наочний приклад, як вбудовувати функції 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 example</title>
<link rel="stylesheet" href="/uk/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 з бібліотекою інтерфейсу користувача, ми поширюємо його разом з демонстраційним додатком. Тепер у вас є можливість побачити, як працює Web SDK Ivideon із ReactJS.
Демо-додаток доступний онлайн по . Для його роботи додається випадкова камера із Ivideon TV. Якщо камера виявиться неробочою, просто пройдіть за посиланням вище ще раз.
Інший спосіб ознайомитися з демо - вивчити вихідний код у Web SDK і зібрати програму самостійно.
Наша програма вміє показувати, який код відповідає діям користувача.
Додайте на сторінку кілька плеєрів з різними двигунами та порівнюйте їх роботу.
Створюйте кілька плеєрів та керуйте ними з одного таймлайну, на якому одночасно відображатимуться архіви записів кількох камер.
Демо-програма запам'ятовує в локальному сховищі браузера параметри з останнього сеансу роботи: параметри доступу в API, параметри камери та інші. При повторному вході їх буде відновлено.
Код демо-програми зібраний з source maps – код демо можна подивитися прямо у відладчику.
Приклади інтеграцій
Група програм із приставкою «» включає окремі програми практично по всіх європейських гірськолижних країнах: iSKI Austria, iSKI Swiss, iSKI France, iSKI Italia (Czech, Slovakia, Suomi, Deutschland, Slovenija і далі). Додаток показують стан снігу на гірськолижних курортах, перелік ресторанів у горах та схеми трас, а також іншу корисну інформацію, яка допоможе отримати повне уявлення про пункт призначення перед поїздкою. При цьому доступ до інтернету не потрібний – працює в офлайн-режимі (за винятком трансляції з камер). Всі програми викладені у безкоштовному доступі.
Зараз майже на кожному гірськолижному курорті встановлено камеру, що показує обстановку на схилі. Щоб переглядати камери віддалено через програму, ми надали iSKI свій SDK, і тепер кожен може бачити через програму не тільки прогноз погоди, товщину снігового покриву та кількість відкритих витягів, але й відео прямо зі схилу.
Різні системи розумного будинку. Завдяки інтеграції із системою Ivideon ці рішення отримують більше переваг для безпеки будинку, оскільки контролюють будинок та зберігають відеозаписи найбільш безпечним чином у хмарному архіві. Повне керування здійснюється через мобільний додаток, який повідомляє про будь-які загрози в режимі реального часу і дозволяє швидко реагувати на нестандартні ситуації.
Система аналітики роботи продавців та консультантів Perfect Service Solution. Хмарна система відеоспостереження спостерігає та записує до архіву дані, перевірка яких здійснюється операторами, а результати відображаються онлайн в особистому кабінеті. Клієнт у результаті отримує короткий фрагмент із конкретною подією — порушенням протоколу продажу чи спірним інцидентом. У веб-інтерфейсі він бачить дані про порушення та вбудований шматочок відео. Весь масив даних ділиться на дві категорії: критичні події та регулярні. Регулярні з'являються в онлайн-кабінеті наступного дня після події, а ось щодо критичних порушень звіти можна отримувати за СМС або месенджером.
, щоб отримати доступ до Web SDK і дізнатися більше про наші інтеграційні можливості.
Джерело: habr.com