DIY雲端視訊監控:Ivideon Web SDK的新功能

DIY雲端視訊監控:Ivideon Web SDK的新功能

我們有多個整合元件,允許任何合作夥伴創建自己的產品: 用於開發 Ivideon 用戶個人帳戶的任何替代方案的開放 API、行動 SDK,您可以使用它開發功能與 Ivideon 應用程式等效的成熟解決方案作為網路SDK。

我們最近發布了改進的 Web SDK,其中包含新文件和演示應用程序,這將使我們的平台更加靈活且對開發人員友好。 如果您之前已經熟悉我們的 SDK,您會立即註意到這些變化 - 現在您有一個清晰的範例來說明如何將 API 函數建置到您的應用程式中。

對於其他人,我們將更詳細地告訴您有關日常案例以及使用 Ivideon API/SDK 實現的整合。

Web SDK:新功能

Ivideon不僅僅是一家雲端視訊監控服務和設備供應商。 完整的開發週期在 Ivideon 內部進行:從相機韌體到服務的網路版本。 我們正在製作客戶端和伺服器 SDK、改進 LibVLC、實施 WebRTC、進行視訊分析、為合作夥伴開發支援白標的客戶端以及 SDK 的演示專案。

因此,我們成功成為合作夥伴可以創建自己的解決方案的平台。 現在我們的Web SDK已經有了重大升級,我們希望能夠有更多的整合解決方案。

為了您的方便,我們在開頭添加了「快速入門」部分,這將幫助您輕鬆了解裝置管理。

下面的程式碼示範了 Ivideon Web SDK 的基本使用:將播放器新增到頁面並開始播放公共攝影機的影片。

<!DOCTYPE html>
<html>
<head>
<title>Ivideon WEB SDK example</title>
<link rel="stylesheet" href="/zh-TW/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 與 UI 庫一起使用,我們將其與演示應用程式一起分發。 現在您有機會了解 Ivideon Web SDK 如何與 ReactJS 搭配使用。

在線提供演示應用程式: 鏈接。 為了使其正常工作,添加了 Ivideon TV 的隨機攝影機。 如果相機突然無法工作,只需再次點擊上面的連結即可。

另一種查看演示的方法是檢查 Web SDK 中的原始程式碼並自行建立應用程式。

我們的應用程式可以顯示哪些程式碼對應於使用者操作。

在頁面中添加幾個具有不同引擎的播放器並比較他們的表現。

DIY雲端視訊監控:Ivideon Web SDK的新功能

從一條時間軸建立和管理多個播放器,這將同時顯示來自多個攝影機的錄製檔案。

DIY雲端視訊監控:Ivideon Web SDK的新功能

演示應用程式會記住瀏覽器本機儲存中上次會話的設定:API 存取參數、相機參數等。 當您再次登入時,它們將被恢復。

演示應用程式程式碼是從來源映射編譯的 - 演示程式碼可以直接在偵錯器中查看。

DIY雲端視訊監控:Ivideon Web SDK的新功能

整合範例

DIY雲端視訊監控:Ivideon Web SDK的新功能

帶有前綴“的程式組我滑雪» 幾乎包括所有歐洲滑雪國家的單獨申請:iSKI 奧地利、iSKI 瑞士、iSKI 法國、iSKI 義大利(捷克、斯洛伐克、芬蘭、德國、斯洛維尼亞等)。 該應用程式顯示滑雪勝地的雪況、山區餐廳列表和步道地圖,以及其他有用信息,幫助您在旅行前全面了解目的地。 同時,不需要上網 - 它可以離線工作(來自攝影機的廣播除外)。 所有應用程式均可免費使用。

現在幾乎每個滑雪場都有攝影機顯示雪道上的情況。 為了透過應用程式遠端查看攝像頭,我們為iSKI提供了我們的SDK,現在每個人都可以透過應用程式看到天氣預報、積雪厚度和開放的纜車數量,還可以直接從斜坡上看到影片。

DIY雲端視訊監控:Ivideon Web SDK的新功能

各種智慧家庭系統。 由於與 Ivideon 系統集成,這些解決方案透過監控家庭並以最安全的方式將視訊記錄儲存在雲端存檔中,為家庭安全帶來更多好處。 完全控制是透過行動應用程式進行的,該應用程式會即時通知任何威脅,並允許您快速回應異常情況。

DIY雲端視訊監控:Ivideon Web SDK的新功能

銷售人員和顧問工作的分析系統 完美的服務解決方案。 雲端視訊監控系統監控並記錄資料存檔,由操作人員驗證,結果在線上反映在您的個人帳戶中。 客戶最終會收到一個包含特定事件的短片段 - 違反銷售協議或有爭議的事件。 在網路介面中,他看到了有關違規的數據和嵌入的影片片段。 整個資料數組分為兩類:關鍵事件和常規事件。 常規違規行為會在活動結束後第二天出現在線上帳戶中,但對於嚴重違規行為,可以透過簡訊或信差收到報告。

寫信給我們造訪 Web SDK 並了解有關我們整合能力的更多資訊。

來源: www.habr.com

添加評論