DIY クラウド ビデオ監視: Ivideon Web SDK の新機能

DIY クラウド ビデオ監視: Ivideon Web SDK の新機能

当社には、あらゆるパートナーが独自の製品を作成できるようにするいくつかの統合コンポーネントがあります。 Ivideon ユーザーの個人アカウントの代替を開発するためのオープン API、Ivideon アプリケーションと同等の機能を備えた本格的なソリューションを開発できる Mobile SDK。 Web SDKとして。

私たちは最近、プラットフォームをさらに柔軟で開発者にとって使いやすいものにする、新しいドキュメントとデモ アプリケーションを備えた改良された Web SDK をリリースしました。 以前に SDK に慣れていた場合は、変更点にすぐに気づくでしょう。これで、API 関数をアプリケーションに組み込む方法の明確な例が得られました。

その他の皆様のために、日常の事例と Ivideon API / SDK を使用して実装された統合について詳しく説明します。

Web SDK: 新機能

Ivideon は単なるクラウド ビデオ監視サービスおよび機器のサプライヤーではありません。 カメラのファームウェアからサービスの Web バージョンに至るまで、完全な開発サイクルが Ivideon 内で実行されます。 私たちはクライアントとサーバーの SDK の作成、LibVLC の改善、WebRTC の実装、ビデオ分析の実行、パートナー向けのホワイト ラベル サポートを備えたクライアントの開発、および SDK のデモ プロジェクトを行っています。

その結果、私たちはパートナーが独自のソリューションを作成できるプラットフォームになることができました。 現在、Web 用 SDK が大幅にアップグレードされており、さらに多くの統合ソリューションが提供されることを期待しています。

便宜上、デバイス管理を簡単に理解できるように、最初に「クイック スタート」セクションを追加しました。

以下のコードは、Ivideon Web SDK の基本的な使用法を示しています。プレーヤーがページに追加され、パブリック カメラのビデオの再生が開始されます。

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

また、いくつかの新機能も追加しました。

  • ワンタイムビデオリンクのサポート。
  • ビデオの品質とアーカイブの再生速度を制御するボタンがプレーヤーに追加されました。
  • プレーヤーのコントロールは一度に XNUMX つずつオンまたはオフにできます (以前は、そこにあるすべてのものをオンにするか、すべてを非表示にすることができました)。
  • カメラの音声をオフにする機能を追加しました。

デモアプリケーション

Ivideon Web SDK を UI ライブラリとともに使用する方法をデモンストレーションするために、デモ アプリケーションとともに配布します。 これで、Ivideon Web SDK が ReactJS とどのように連携するかを確認できるようになりました。

デモ アプリケーションはオンラインで入手できます。 リンク。 これを機能させるために、Ivideon TV からのランダムなカメラが追加されます。 カメラが突然動作しなくなった場合は、上記のリンクをもう一度たどってください。

デモを表示するもう XNUMX つの方法は、Web SDK のソース コードを調べて、アプリケーションを自分で構築することです。

私たちのアプリケーションは、どのコードがユーザーのアクションに対応するかを表示できます。

異なるエンジンを備えた複数のプレーヤーをページに追加し、パフォーマンスを比較します。

DIY クラウド ビデオ監視: Ivideon Web SDK の新機能

XNUMX つのタイムラインから複数のプレーヤーを作成および管理し、複数のカメラからの録画のアーカイブを同時に表示します。

DIY クラウド ビデオ監視: Ivideon Web SDK の新機能

デモ アプリケーションは、ブラウザのローカル ストレージにある最後のセッションの設定 (API アクセス パラメーター、カメラ パラメーターなど) を記憶します。 再度ログインすると復元されます。

デモ アプリケーション コードはソース マップからコンパイルされています。デモ コードはデバッガーで直接表示できます。

DIY クラウド ビデオ監視: Ivideon Web SDK の新機能

統合の例

DIY クラウド ビデオ監視: Ivideon Web SDK の新機能

プレフィックス「」を持つプログラムのグループスキー» ヨーロッパのほぼすべてのスキー国向けの個別のアプリケーションが含まれています: iSKI オーストリア、iSKI スイス、iSKI フランス、iSKI イタリア (チェコ、スロバキア、スオミ、ドイツ、スロベニアなど)。 アプリには、スキー場の積雪状況、山中のレストランリスト、トレイルマップなど、旅行前に目的地の全体像を把握するのに役立つ情報が表示されます。 同時に、インターネットへのアクセスは必要ありません。オフラインで動作します (カメラからのブロードキャストを除く)。 すべてのアプリケーションは無料で利用できます。

今ではほとんどのスキー場にゲレンデの状況を映すカメラが設置されています。 アプリケーションを介してリモートからカメラを表示するために、SDK で iSKI を提供しました。これにより、天気予報、積雪の厚さ、開いているリフトの数だけでなく、ゲレンデからの映像もアプリケーションを通じて誰もが直接確認できるようになりました。

DIY クラウド ビデオ監視: Ivideon Web SDK の新機能

さまざまなスマートホームシステム。 Ivideon システムとの統合により、これらのソリューションは、自宅を監視し、最も安全な方法でビデオ録画をクラウド アーカイブに保存することで、ホーム セキュリティにさらなるメリットをもたらします。 完全な制御はモバイル アプリケーションを通じて実行され、あらゆる脅威をリアルタイムで通知し、異常な状況に迅速に対応できるようになります。

DIY クラウド ビデオ監視: Ivideon Web SDK の新機能

販売者とコンサルタントの業務のための分析システム パーフェクト サービス ソリューション。 クラウドビデオ監視システムはデータを監視してアーカイブに記録し、オペレーターによって検証され、結果はオンラインの個人アカウントに反映されます。 最終的にクライアントは、販売プロトコルの違反や物議を醸す事件など、特定のイベントに関する短いフラグメントを受け取ります。 Web インターフェイスでは、違反に関するデータと埋め込まれたビデオが表示されます。 データ配列全体は、重大なイベントと通常のイベントの XNUMX つのカテゴリに分類されます。 通常の違反はイベント翌日にオンライン アカウントに表示されますが、重大な違反の場合は SMS またはメッセンジャーで報告を受け取ることができます。

私たちに書いてくださいWeb SDK にアクセスして、統合機能の詳細をご覧ください。

出所: habr.com

コメントを追加します