主持人 > 博客 > 管理 > DIY云视频监控：Ivideon Web SDK的新功能

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-CN/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 并了解有关我们集成能力的更多信息。

来源： habr.com

添加评论