swprtspsdk v1.0.6

swprtspsdk

介绍

基于RTSP流播放的Web 播放器，需要安装exe应用程序插件包

软件架构

基于RTSP流播放的Web 播放器，需要安装exe应用程序插件包

安装教程

推荐使用 npm 的方式安装，它能更好地和 webpack 打包工具配合使用。

npm install swprtspsdk --save

使用说明

main.js

import 'swprtspsdk/lib/style/index.css'

vue 页面

<template>
  <div class="home">
    <div class="player-container">
      <ivs-web-player :conf="config">
        <template #toolSlot>
          我是一个底部自定义插槽
        </template>
      </ivs-web-player>
    </div>
  </div>
</template>
<script>
 export default {
  name: "Home",
  components: {},
  data() {
    return {
      config: {
        ip: "xx.xx.xx.xx",
        userName: "xx",
        password: "xx@xx",
        port: 9900,
        theme:{
          primaryColor: 'rgba(20,121,241,1)',
          fontColor: 'rgba(255,255,255,0.7)'
        }
      },
    };
  },
};
</script>

属性

事件

config 对象

theme 对象

方法

param 对象

query 对象

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

示例

<template>
  <div id="app" class="app">
    <div class="app__header">IVSWEB播放器插件DEMO</div>
    <div class="app__content">
       <ivs-web-player ref="player" :conf="config"></ivs-web-player>
    </div>
  </div>
</template>

<script>
export default {
  name: 'App',
  data() {
    return {
      player: null,
      downloadUrl: '',
      config: {
        ip: 'xx.xx.xx.xx',
        userName: 'xxx',
        password: 'xx@xx',
        port: 9900
      }
    };
  },
  mounted() {
    this.player = this.$refs.player;
  },
  methods: {
    startLiveVideo() {
      const camera={code='',name=''}
      this.player.playLive(param).then(res => {
        console.info('实况播放返回信息：', res);
      });
    },
    startRecVideo() {
      const camera={code='',name=''}
      this.player.playRec(camera).then(res => {
        console.info('录像回放返回信息', res);
      });
    }
  }
};
</script>

客户端插件补充说明

ps:当前插件版本还处于测试阶段，软件已加入license ，需要作者进行许可授权，方可使用。联系电话：15724877571

版本更新

版本发行