soc-ivs-sdk

介绍

基于浏览器客户端web播放器，插件安装在客户端pc上，插件直接接入华为IVS视屏云支持ivs3000,ivs3800,ivs1800.最大支持25路辅码流实时画面同时播放。同时支持云台控制、本地抓拍、云台抓拍、本地录像、设备收藏、窗格切换、全屏、录像查询、设备查询、录像回放支持快进、快退、倍速播放、暂停、恢复

软件架构

web js 插件以typescript 编写支持npm安装引入、cdn方式引入，不限于技术栈如vuejs、react、angularjs目前市面上主流MVVM框架结构

基于浏览器的客户端插件，exe形式进行安装。插件需要本地一些操作权限，为了更好使用该插件，安装时请以管理员身份运行安装。

安装

npm命令行，

npm install soc-ivs-sdk --save
or
yarn add soc-ivs-sdk --save

使用说明

入口文件样式引入

import 'soc-ivs-sdk/dist/style/index.css'

vue引入示例

<template>
  <div id="playerBox">
  </div>
</template>
<script>
import SocWebPlayerSDK, {
  SwpEvents,
  SwpImage,
  SwpPlaySteamType,
  SwpWindows
} from 'soc-ivs-sdk';
 export default {
  name: "Home",
  components: {},
  data() {
    return {
      player:null
    };
  },
   init() {
     this.player = new SocWebPlayerSDK({
      ip: '10.xx.xx.xxx',
      userName: 'username',
      password: 'password',
      port: 9900,
      target: document.querySelector('#playerBox') as HTMLElement,
      isIVS: true,
      wndBackgroundColor: '#202945',
      splitBorderColor: '#394567',
      primaryColor: '#407AEE',
      borderColor: '#2A3451',
      fontColor: '#8696b5',
      quality: 90,
      isFooter: true,
      frameRate: 120,
      toolBackColor: '#1A2137',
      backgroundColor: [32, 41, 69, 1],
      windows: SwpWindows.SIX,
      imageStreamFormat: SwpImage.JPEG,
      wndInfo: `<img src='/videologo.png' width="80" />`,
      isGzip: false,
      onEvents: (data: SwpEvents) => {
        console.info(data);
      }
    });
   }
};
</script>

SocWebPlayerSDK实例

SwpConfigure 属性

methods

SwpWindows 枚举

SwpPlayOption

注意：录像存储的时间节点为utc（零时区的时间）与当前用户所在时区有时差，根据当前时区去换算成零时区的时间节点传入。

SwpQueryDeviceOptions

版本更新

版本发行