🥇우리는 우리 손으로 클라우드 비디오 감시를 만듭니다: Ivideon 웹 SDK의 새로운 기능

우리는 모든 파트너가 자신만의 제품을 만들 수 있도록 하는 여러 통합 구성 요소를 보유하고 있습니다. Ivideon 사용자의 개인 계정에 대한 대안을 개발하기 위한 개방형 API, Ivideon 애플리케이션과 기능적으로 동등한 완전한 솔루션을 개발할 수 있는 모바일 SDK 웹 SDK로.

우리는 최근 플랫폼을 더욱 유연하고 개발자 친화적으로 만들어줄 새로운 문서와 데모 애플리케이션이 포함된 개선된 웹 SDK를 출시했습니다. 이전에 SDK에 이미 익숙했다면 변경 사항을 즉시 알아차릴 수 있을 것입니다. 이제 애플리케이션에 API 기능을 구축하는 방법에 대한 명확한 예가 제공됩니다.

다른 모든 분들을 위해 일상적인 사례와 Ivideon API/SDK를 사용하여 구현된 통합에 대해 자세히 알려드리겠습니다.

웹 SDK: 새로운 기능

Ivideon은 단순한 클라우드 영상 감시 서비스 및 장비 공급업체가 아닙니다. 카메라 펌웨어부터 서비스 웹 버전까지 전체 개발 주기가 Ivideon 내에서 수행됩니다. 우리는 클라이언트 및 서버 SDK 제작, LibVLC 개선, WebRTC 구현, 비디오 분석 수행, 파트너를 위한 화이트 라벨 지원 클라이언트 개발 및 SDK용 데모 프로젝트를 진행하고 있습니다.

그 결과, 우리는 파트너가 자체 솔루션을 만들 수 있는 플랫폼이 되었습니다. 이제 웹용 SDK가 대대적으로 업그레이드되었으며 더 많은 통합 솔루션이 제공되기를 바랍니다.

귀하의 편의를 위해 장치 관리를 쉽게 이해하는 데 도움이 되는 "빠른 시작" 섹션을 시작 부분에 추가했습니다.

아래 코드는 Ivideon 웹 SDK의 기본 사용을 보여줍니다. 플레이어가 페이지에 추가되고 공용 카메라용 비디오가 재생되기 시작합니다.

<!DOCTYPE html>
<html>
<head>
<title>Ivideon WEB SDK example</title>
<link rel="stylesheet" href="/ko/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>

또한 다음과 같은 몇 가지 새로운 기능을 추가했습니다.

일회성 비디오 링크 지원;
비디오 품질과 아카이브 재생 속도를 제어하기 위해 버튼이 플레이어에 추가되었습니다.
플레이어 컨트롤은 한 번에 하나씩 켜고 끌 수 있습니다(이전에는 있던 모든 것을 켜거나 숨길 수 있었습니다).
카메라 소리를 끄는 기능이 추가되었습니다.

데모 애플리케이션

UI 라이브러리와 함께 Ivideon 웹 SDK를 사용하는 방법을 시연하기 위해 데모 애플리케이션과 함께 배포합니다. 이제 Ivideon 웹 SDK가 ReactJS와 어떻게 작동하는지 확인할 수 있습니다.

온라인으로 데모 신청 가능 링크. 이를 작동시키기 위해 Ivideon TV의 임의 카메라가 추가됩니다. 갑자기 카메라가 작동하지 않는 경우 위의 링크를 다시 따라가세요.

데모를 보는 또 다른 방법은 웹 SDK의 소스 코드를 검사하고 직접 애플리케이션을 구축하는 것입니다.

우리 애플리케이션은 어떤 코드가 사용자 작업에 해당하는지 보여줄 수 있습니다.

다양한 엔진을 사용하는 여러 플레이어를 페이지에 추가하고 성능을 비교하세요.

하나의 타임라인에서 여러 플레이어를 생성하고 관리하면 여러 카메라의 녹화 아카이브가 동시에 표시됩니다.

데모 애플리케이션은 API 액세스 매개변수, 카메라 매개변수 등 브라우저 로컬 저장소의 마지막 세션 설정을 기억합니다. 다시 로그인하면 복원됩니다.

데모 애플리케이션 코드는 소스 맵에서 컴파일되었습니다. 데모 코드는 디버거에서 직접 볼 수 있습니다.

통합의 예

접두사가 "인 프로그램 그룹이스키» 거의 모든 유럽 스키 국가(iSKI Austria, iSKI Swiss, iSKI France, iSKI Italia(체코, 슬로바키아, 수오미, 독일, 슬로베니아 등))에 대한 별도의 애플리케이션이 포함되어 있습니다. 이 앱은 스키장의 눈 상태, 산에 있는 레스토랑 목록, 트레일 지도 등 여행 전에 목적지를 전체적으로 파악하는 데 도움이 되는 기타 유용한 정보를 보여줍니다. 동시에 인터넷 접속이 필요하지 않습니다. 오프라인으로 작동합니다(카메라 방송 제외). 모든 애플리케이션은 무료로 제공됩니다.

이제 거의 모든 스키 리조트에는 슬로프 상황을 보여주는 카메라가 있습니다. 애플리케이션을 통해 원격으로 카메라를 보기 위해 우리는 SDK와 함께 iSKI를 제공했으며 이제 모든 사람이 애플리케이션을 통해 일기 예보, 눈 두께, 열려 있는 리프트 수뿐만 아니라 경사면에서 직접 영상도 볼 수 있습니다.

다양한 스마트 홈 시스템. Ivideon 시스템과의 통합 덕분에 이러한 솔루션은 가정을 모니터링하고 비디오 녹화물을 가장 안전한 방법으로 클라우드 아카이브에 저장함으로써 가정 보안에 더 많은 이점을 제공합니다. 모든 위협에 대해 실시간으로 알리고 비정상적인 상황에 신속하게 대응할 수 있는 모바일 애플리케이션을 통해 모든 제어가 수행됩니다.

판매자와 컨설턴트의 작업을 위한 분석 시스템 완벽한 서비스 솔루션. 클라우드 영상 감시 시스템은 운영자가 검증한 데이터를 아카이브에 모니터링하고 기록하며, 그 결과는 온라인으로 개인 계정에 반영됩니다. 클라이언트는 궁극적으로 특정 이벤트(판매 프로토콜 위반 또는 논란의 여지가 있는 사건)가 포함된 짧은 단편을 받습니다. 웹 인터페이스에서 그는 위반 사항에 대한 데이터와 삽입된 비디오를 봅니다. 전체 데이터 배열은 중요한 이벤트와 일반 이벤트의 두 가지 범주로 나뉩니다. 일반 위반사항은 행사 다음날 온라인 계정에 나타나며, 심각한 위반사항에 대해서는 SMS나 메신저를 통해 신고가 가능합니다.

우리에게 편지 쓰기웹 SDK에 액세스하고 통합 기능에 대해 자세히 알아보세요.

출처 : habr.com

DIY 클라우드 비디오 감시: Ivideon 웹 SDK의 새로운 기능

웹 SDK: 새로운 기능

데모 애플리케이션

통합의 예

코멘트를 추가 답장을 취소