ืžืขืงื‘ ื•ื™ื“ืื• ื‘ืขื ืŸ ืขืฉื” ื–ืืช ื‘ืขืฆืžืš: ืชื›ื•ื ื•ืช ื—ื“ืฉื•ืช ืฉืœ Ivideon Web SDK

ืžืขืงื‘ ื•ื™ื“ืื• ื‘ืขื ืŸ ืขืฉื” ื–ืืช ื‘ืขืฆืžืš: ืชื›ื•ื ื•ืช ื—ื“ืฉื•ืช ืฉืœ Ivideon Web SDK

ื™ืฉ ืœื ื• ืžืกืคืจ ืจื›ื™ื‘ื™ ืื™ื ื˜ื’ืจืฆื™ื” ื”ืžืืคืฉืจื™ื ืœื›ืœ ืฉื•ืชืฃ ืœื™ืฆื•ืจ ืžื•ืฆืจื™ื ืžืฉืœื•: Open API ืœืคื™ืชื•ื— ื›ืœ ื—ืœื•ืคื” ืœื—ืฉื‘ื•ืŸ ื”ืื™ืฉื™ ืฉืœ ืžืฉืชืžืฉ Ivideon, Mobile SDK, ืฉื‘ืืžืฆืขื•ืชื• ื ื™ืชืŸ ืœืคืชื— ืคืชืจื•ืŸ ืžืœื ื”ืžืงื‘ื™ืœ ื‘ืคื•ื ืงืฆื™ื•ื ืœื™ื•ืช ืœื™ื™ืฉื•ืžื™ Ivideon, ื’ื ื›ืŸ ื‘ืชื•ืจ Web SDK.

ืœืื—ืจื•ื ื” ืฉื—ืจืจื ื• SDK ืื™ื ื˜ืจื ื˜ ืžืฉื•ืคืจ, ื”ื›ื•ืœืœ ืชื™ืขื•ื“ ื—ื“ืฉ ื•ื™ื™ืฉื•ื ื”ื“ื’ืžื” ืฉื™ื”ืคื•ืš ืืช ื”ืคืœื˜ืคื•ืจืžื” ืฉืœื ื• ืœื’ืžื™ืฉื” ื•ื™ื“ื™ื“ื•ืชื™ืช ืœืžืคืชื—ื™ื ืขื•ื“ ื™ื•ืชืจ. ืื ื›ื‘ืจ ื”ื›ืจืชื ืืช ื”-SDK ืฉืœื ื• ืงื•ื“ื, ืชื‘ื—ื™ื ื• ืžื™ื“ ื‘ืฉื™ื ื•ื™ื™ื - ืขื›ืฉื™ื• ื™ืฉ ืœื›ื ื“ื•ื’ืžื” ื‘ืจื•ืจื” ื›ื™ืฆื“ ืœื‘ื ื•ืช ืคื•ื ืงืฆื™ื•ืช API ื‘ืืคืœื™ืงืฆื™ื” ืฉืœื›ื.

ืœื›ืœ ื”ืฉืืจ, ื ืกืคืจ ืœื›ื ื‘ื™ืชืจ ืคื™ืจื•ื˜ ืขืœ ืžืงืจื™ื ื™ื•ืžื™ื•ืžื™ื™ื ื•ืื™ื ื˜ื’ืจืฆื™ื•ืช ืžื™ื•ืฉืžื•ืช ื‘ืืžืฆืขื•ืช Ivideon API / SDK.

Web SDK: ืชื›ื•ื ื•ืช ื—ื“ืฉื•ืช

Ivideon ื”ื™ื ืœื ืจืง ืกืคืงื™ืช ืฉื™ืจื•ืช ื•ืฆื™ื•ื“ ืœืžืขืงื‘ ื•ื™ื“ืื• ื‘ืขื ืŸ. ืžื—ื–ื•ืจ ืคื™ืชื•ื— ืžืœื ืžืชื‘ืฆืข ื‘ืชื•ืš Ivideon: ืžืงื•ืฉื—ืช ื”ืžืฆืœืžื” ื•ืขื“ ืœื’ืจืกืช ื”ืื™ื ื˜ืจื ื˜ ืฉืœ ื”ืฉื™ืจื•ืช. ืื ื—ื ื• ืžื™ื™ืฆืจื™ื SDK ืฉืœ ืœืงื•ื— ื•ืฉืจืช, ืžืฉืคืจื™ื ืืช LibVLC, ืžื™ื™ืฉืžื™ื WebRTC, ืขื•ืฉื™ื ื ื™ืชื•ื— ื•ื™ื“ืื•, ืžืคืชื—ื™ื ืœืงื•ื— ืขื ืชืžื™ื›ื” ื‘-White Label ืœืฉื•ืชืคื™ื ื•ืคืจื•ื™ืงื˜ื™ ื”ื“ื’ืžื” ืขื‘ื•ืจ ื”-SDK.

ื›ืชื•ืฆืื” ืžื›ืš, ื”ืฆืœื—ื ื• ืœื”ืคื•ืš ืœืคืœื˜ืคื•ืจืžื” ืฉื‘ื” ืฉื•ืชืคื™ื ื™ื›ื•ืœื™ื ืœื™ืฆื•ืจ ืคืชืจื•ื ื•ืช ืžืฉืœื”ื. ื›ืขืช ื”-SDK ืฉืœื ื• ืœืื™ื ื˜ืจื ื˜ ืงื™ื‘ืœ ืฉื“ืจื•ื’ ืžืฉืžืขื•ืชื™, ื•ืื ื• ืžืงื•ื•ื™ื ืฉื™ื”ื™ื• ืขื•ื“ ืคืชืจื•ื ื•ืช ืื™ื ื˜ื’ืจืฆื™ื”.

ืœื ื•ื—ื™ื•ืชืš, ื”ื•ืกืคื ื• ื‘ื”ืชื—ืœื” ืกืขื™ืฃ "ื”ืชื—ืœื” ืžื”ื™ืจื”", ืฉื™ืขื–ื•ืจ ืœืš ืœื”ื‘ื™ืŸ ื‘ืงืœื•ืช ืืช ื ื™ื”ื•ืœ ื”ืžื›ืฉื™ืจื™ื.

ื”ืงื•ื“ ืฉืœื”ืœืŸ ืžื“ื’ื™ื ืฉื™ืžื•ืฉ ื‘ืกื™ืกื™ ื‘- Ivideon Web SDK: ื ื’ืŸ ื ื•ืกืฃ ืœื“ืฃ ื•ื”ืกืจื˜ื•ืŸ ืขื‘ื•ืจ ื”ืžืฆืœืžื” ื”ืฆื™ื‘ื•ืจื™ืช ืžืชื—ื™ืœ ืœืคืขื•ืœ.

<!DOCTYPE html>
<html>
<head>
<title>Ivideon WEB SDK example</title>
<link rel="stylesheet" href="/iw/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 ืขื ืกืคืจื™ื™ืช ืžืžืฉืง ื”ืžืฉืชืžืฉ, ืื ื• ืžืคื™ืฆื™ื ืื•ืชื• ื™ื—ื“ ืขื ืืคืœื™ืงืฆื™ื™ืช ื”ื“ื’ืžื”. ืขื›ืฉื™ื• ื™ืฉ ืœืš ื”ื–ื“ืžื ื•ืช ืœืจืื•ืช ืื™ืš Ivideon Web SDK ืขื•ื‘ื“ ืขื ReactJS.

ืืคืœื™ืงืฆื™ื™ืช ื”ื“ื’ืžื” ื–ืžื™ื ื” ื‘ืื™ื ื˜ืจื ื˜ ื‘ื›ืชื•ื‘ืช ืงืฉืจ. ื›ื“ื™ ืฉื–ื” ื™ืขื‘ื•ื“, ืžืชื•ื•ืกืคืช ืžืฆืœืžื” ืืงืจืื™ืช ืž- Ivideon TV. ืื ืคืชืื•ื ืžืชื‘ืจืจ ืฉื”ืžืฆืœืžื” ืื™ื ื” ืคื•ืขืœืช, ืคืฉื•ื˜ ืขืงื•ื‘ ืฉื•ื‘ ืขืœ ื”ืงื™ืฉื•ืจ ืœืžืขืœื”.

ื“ืจืš ื ื•ืกืคืช ืœืฆืคื•ืช ื‘ื”ื“ื’ืžื” ื”ื™ื ืœื‘ื—ื•ืŸ ืืช ืงื•ื“ ื”ืžืงื•ืจ ื‘-Web SDK ื•ืœื‘ื ื•ืช ืืช ื”ืืคืœื™ืงืฆื™ื” ื‘ืขืฆืžืš.

ื”ืืคืœื™ืงืฆื™ื” ืฉืœื ื• ื™ื›ื•ืœื” ืœื”ืจืื•ืช ืื™ื–ื” ืงื•ื“ ืžืชืื™ื ืœืคืขื•ืœื•ืช ื”ืžืฉืชืžืฉ.

ื”ื•ืกืฃ ืœื“ืฃ ืžืกืคืจ ืฉื—ืงื ื™ื ื‘ืขืœื™ ืžื ื•ืขื™ื ืฉื•ื ื™ื ื•ื”ืฉื•ื•ื” ืืช ื”ื‘ื™ืฆื•ืขื™ื ืฉืœื”ื.

ืžืขืงื‘ ื•ื™ื“ืื• ื‘ืขื ืŸ ืขืฉื” ื–ืืช ื‘ืขืฆืžืš: ืชื›ื•ื ื•ืช ื—ื“ืฉื•ืช ืฉืœ Ivideon Web SDK

ืฆื•ืจ ื•ื ื”ืœ ืžืกืคืจ ืฉื—ืงื ื™ื ืžืฆื™ืจ ื–ืžืŸ ืื—ื“, ืฉื™ืฆื™ื’ ื‘ื• ื–ืžื ื™ืช ืืจื›ื™ื•ื ื™ื ืฉืœ ื”ืงืœื˜ื•ืช ืžืžืกืคืจ ืžืฆืœืžื•ืช.

ืžืขืงื‘ ื•ื™ื“ืื• ื‘ืขื ืŸ ืขืฉื” ื–ืืช ื‘ืขืฆืžืš: ืชื›ื•ื ื•ืช ื—ื“ืฉื•ืช ืฉืœ Ivideon Web SDK

ืืคืœื™ืงืฆื™ื™ืช ื”ื”ื“ื’ืžื” ื–ื•ื›ืจืช ืืช ื”ื”ื’ื“ืจื•ืช ืžื”ื”ืคืขืœื” ื”ืื—ืจื•ื ื” ื‘ืื—ืกื•ืŸ ื”ืžืงื•ืžื™ ืฉืœ ื”ื“ืคื“ืคืŸ: ืคืจืžื˜ืจื™ ื’ื™ืฉื” ืœ-API, ืคืจืžื˜ืจื™ื ืฉืœ ืžืฆืœืžื” ื•ืขื•ื“. ื”ื ื™ืฉื•ื—ื–ืจื• ื›ืืฉืจ ืชืชื—ื‘ืจ ืฉื•ื‘.

ืงื•ื“ ืืคืœื™ืงืฆื™ื™ืช ื”ื”ื“ื’ืžื” ื”ื•ืจื›ื‘ ืžืžืคื•ืช ืžืงื•ืจ - ื ื™ืชืŸ ืœืฆืคื•ืช ื‘ืงื•ื“ ื”ื”ื“ื’ืžื” ื™ืฉื™ืจื•ืช ื‘-debugger.

ืžืขืงื‘ ื•ื™ื“ืื• ื‘ืขื ืŸ ืขืฉื” ื–ืืช ื‘ืขืฆืžืš: ืชื›ื•ื ื•ืช ื—ื“ืฉื•ืช ืฉืœ Ivideon Web SDK

ื“ื•ื’ืžืื•ืช ืœืื™ื ื˜ื’ืจืฆื™ื•ืช

ืžืขืงื‘ ื•ื™ื“ืื• ื‘ืขื ืŸ ืขืฉื” ื–ืืช ื‘ืขืฆืžืš: ืชื›ื•ื ื•ืช ื—ื“ืฉื•ืช ืฉืœ Ivideon Web SDK

ืงื‘ื•ืฆืช ืชื•ื›ื ื™ื•ืช ืขื ื”ืงื™ื“ื•ืžืช "ืื ื™ ืขื•ืฉื” ืกืงื™ยป ื›ื•ืœืœ ื™ื™ืฉื•ืžื™ื ื ืคืจื“ื™ื ื›ืžืขื˜ ืœื›ืœ ืžื“ื™ื ื•ืช ื”ืกืงื™ ื‘ืื™ืจื•ืคื”: iSKI ืื•ืกื˜ืจื™ื”, iSKI Swiss, iSKI ืฆืจืคืช, iSKI Italia (ืฆ'ื›ื™ื”, ืกืœื•ื‘ืงื™ื”, ืกื•ื•ืžื™, ื“ื•ื™ื˜ืฉืœื ื“, ืกืœื•ื‘ื ื™ื” ื•ืขื•ื“). ื”ืืคืœื™ืงืฆื™ื” ืžืฆื™ื’ื” ืืช ืชื ืื™ ื”ืฉืœื’ ื‘ืืชืจื™ ืกืงื™, ืจืฉื™ืžืช ืžืกืขื“ื•ืช ื‘ื”ืจื™ื ื•ืžืคื•ืช ืžืกืœื•ืœื™ื, ื›ืžื• ื’ื ืžื™ื“ืข ืฉื™ืžื•ืฉื™ ื ื•ืกืฃ ืฉื™ืขื–ื•ืจ ืœื›ื ืœืงื‘ืœ ืชืžื•ื ื” ืžืœืื” ืฉืœ ื”ื™ืขื“ ืฉืœื›ื ืœืคื ื™ ื”ื˜ื™ื•ืœ. ื™ื—ื“ ืขื ื–ืืช, ืื™ืŸ ืฆื•ืจืš ื‘ื’ื™ืฉื” ืœืื™ื ื˜ืจื ื˜ - ื–ื” ืขื•ื‘ื“ ื‘ืžืฆื‘ ืœื ืžืงื•ื•ืŸ (ืœืžืขื˜ ืฉื™ื“ื•ืจื™ื ืžืžืฆืœืžื•ืช). ื›ืœ ื”ืืคืœื™ืงืฆื™ื•ืช ื–ืžื™ื ื•ืช ื‘ื—ื™ื ื.

ื›ื™ื•ื ื›ืžืขื˜ ื‘ื›ืœ ืืชืจ ืกืงื™ ื™ืฉ ืžืฆืœืžื” ื”ืžืฆื™ื’ื” ืืช ื”ืžืฆื‘ ื‘ืžื“ืจื•ืŸ. ื›ื“ื™ ืœืฆืคื•ืช ื‘ืžืฆืœืžื•ืช ืžืจื—ื•ืง ื“ืจืš ื”ืืคืœื™ืงืฆื™ื”, ืกื™ืคืงื ื• ืืช iSKI ืขื ื”-SDK ืฉืœื ื•, ื•ื›ืขืช ื›ื•ืœื ื™ื›ื•ืœื™ื ืœืจืื•ืช ื“ืจืš ื”ืืคืœื™ืงืฆื™ื” ืœื ืจืง ืืช ืชื—ื–ื™ืช ืžื–ื’ ื”ืื•ื•ื™ืจ, ืขื•ื‘ื™ ื”ืฉืœื’ ื•ืžืกืคืจ ื”ืžืขืœื™ื•ืช ื”ืคืชื•ื—ื•ืช, ืืœื ื’ื ื•ื™ื“ืื• ื™ืฉื™ืจื•ืช ืžื”ืžื“ืจื•ืŸ.

ืžืขืงื‘ ื•ื™ื“ืื• ื‘ืขื ืŸ ืขืฉื” ื–ืืช ื‘ืขืฆืžืš: ืชื›ื•ื ื•ืช ื—ื“ืฉื•ืช ืฉืœ Ivideon Web SDK

ืžืขืจื›ื•ืช ื‘ื™ืช ื—ื›ื ืฉื•ื ื•ืช. ื”ื•ื“ื•ืช ืœืฉื™ืœื•ื‘ ืขื ืžืขืจื›ืช Ivideon, ืคืชืจื•ื ื•ืช ืืœื• ื–ื•ื›ื™ื ืœื™ืชืจื•ื ื•ืช ื ื•ืกืคื™ื ืœืื‘ื˜ื—ืช ื”ื‘ื™ืช ืขืœ ื™ื“ื™ ื ื™ื˜ื•ืจ ื”ื‘ื™ืช ื•ืื—ืกื•ืŸ ื”ืงืœื˜ื•ืช ื•ื™ื“ืื• ื‘ืฆื•ืจื” ื”ืžืื•ื‘ื˜ื—ืช ื‘ื™ื•ืชืจ ื‘ืืจื›ื™ื•ืŸ ืขื ืŸ. ืฉืœื™ื˜ื” ืžืœืื” ืžืชื‘ืฆืขืช ื‘ืืžืฆืขื•ืช ืืคืœื™ืงืฆื™ื” ืกืœื•ืœืจื™ืช, ื”ืžื•ื“ื™ืขื” ืขืœ ื›ืœ ืื™ื•ืžื™ื ื‘ื–ืžืŸ ืืžืช ื•ืžืืคืฉืจืช ืœื”ื’ื™ื‘ ื‘ืžื”ื™ืจื•ืช ืœืžืฆื‘ื™ื ื—ืจื™ื’ื™ื.

ืžืขืงื‘ ื•ื™ื“ืื• ื‘ืขื ืŸ ืขืฉื” ื–ืืช ื‘ืขืฆืžืš: ืชื›ื•ื ื•ืช ื—ื“ืฉื•ืช ืฉืœ Ivideon Web SDK

ืžืขืจื›ืช ืื ืœื™ื˜ื™ืงื” ืœืขื‘ื•ื“ืช ืžื•ื›ืจื™ื ื•ื™ื•ืขืฆื™ื ืคืชืจื•ืŸ ืฉื™ืจื•ืช ืžื•ืฉืœื. ืžืขืจื›ืช ืžืขืงื‘ ื”ื•ื•ื™ื“ืื• ื‘ืขื ืŸ ืžื ื˜ืจืช ื•ืžืชืขื“ืช ื ืชื•ื ื™ื ื‘ืืจื›ื™ื•ืŸ, ื”ืžืื•ืžืชื™ื ืขืœ ื™ื“ื™ ื”ืžืคืขื™ืœื™ื, ื•ื”ืชื•ืฆืื•ืช ืžืฉืชืงืคื•ืช ื‘ืื•ืคืŸ ืžืงื•ื•ืŸ ื‘ื—ืฉื‘ื•ื ืš ื”ืื™ืฉื™. ื”ืœืงื•ื— ืžืงื‘ืœ ื‘ืกื•ืคื• ืฉืœ ื“ื‘ืจ ืงื˜ืข ืงืฆืจ ืขื ืื™ืจื•ืข ืกืคืฆื™ืคื™ - ื”ืคืจื” ืฉืœ ืคืจื•ื˜ื•ืงื•ืœ ืžื›ื™ืจื” ืื• ืื™ืจื•ืข ืฉื ื•ื™ ื‘ืžื—ืœื•ืงืช. ื‘ืžืžืฉืง ื”ืื™ื ื˜ืจื ื˜ ื”ื•ื ืจื•ืื” ื ืชื•ื ื™ื ืขืœ ื”ื”ืคืจื” ื•ืงื˜ืข ื•ื™ื“ืื• ืžื•ื˜ื‘ืข. ืžืขืจืš ื”ื ืชื•ื ื™ื ื›ื•ืœื• ืžื—ื•ืœืง ืœืฉืชื™ ืงื˜ื’ื•ืจื™ื•ืช: ืื™ืจื•ืขื™ื ืงืจื™ื˜ื™ื™ื ื•ืื™ืจื•ืขื™ื ืจื’ื™ืœื™ื. ืงื‘ื•ืขื™ื ืžื•ืคื™ืขื™ื ื‘ื—ืฉื‘ื•ืŸ ื”ืžืงื•ื•ืŸ ืœืžื—ืจืช ื”ืื™ืจื•ืข, ืืš ืขืœ ื”ืคืจื•ืช ืงืจื™ื˜ื™ื•ืช, ื ื™ืชืŸ ืœืงื‘ืœ ื“ื™ื•ื•ื—ื™ื ื‘ืืžืฆืขื•ืช SMS ืื• ืžืกื ื’'ืจ.

ื›ืชื•ื‘ ืœื ื•ื›ื“ื™ ืœื’ืฉืช ืœ- Web SDK ื•ืœืœืžื•ื“ ืขื•ื“ ืขืœ ื™ื›ื•ืœื•ืช ื”ืื™ื ื˜ื’ืจืฆื™ื” ืฉืœื ื•.

ืžืงื•ืจ: www.habr.com

ื”ื•ืกืคืช ืชื’ื•ื‘ื”