custom-player

Installation

npm install custom-player --save-dev
//or
<script src="custom-player"></script>
SZPlayer.createPlayer();

Demo

<div id="container"></div>

import FlvPlayer from 'custom-player';
//直播
const container = document.getElementById('container');
const player = FlvPlayer.createPlayer(container, {
      mode: 'real',
      options: {
        stream: 'http://192.168.2.155:1945/34020000001320000145_771/playback.flv',
        reconnectServer: '',
        deviceId: '',
        appId: ''
      }
    });

//回放
const player = FlvPlayer.createPlayer(container, {
      mode: 'playback',
      options: {
        startServer: '',
        stopServer: '',
        beginTimeStamp: '',
        endTimeStamp: '',
        reconnectServer: '',
        deviceId: '',
        appId: ''
      }
    });

Params

key	value
mode	'real'：直播模式；'playback'：回放模式；必填
stream	直播流地址，直播模式必填
reconnectServer	断流重连服务
deviceId	设备ID，回放模式和断流重连必填
appId	断流重连必填
startServer	起流服务，回放模式必填
stopServer	停流服务，回放模式必填
beginTimeStamp	回放流起始时间戳，精确到秒（s）
endTimeStamp	回放流终止时间戳，精确到秒（s）
streamType	回放流类型，默认是flv
recordType	录像类型 1 手动录像 2 报警录像 4 录像计划 0或不传 表示所有，选填
saveType	1 device or 2 oss，选填

API

const player = FlvPlayer.createPlayer(dom, {
      mode: 'real',
      options: {
        ...
      }
    });

getCurrentTime：获取当前播放时间；

player.getCurrentTime();

screenshot：截图，返回base64图片数据；

player.screenshot();

replaceDevice：设备切换，参数 deviceId，appId 回放模式下有效；

player.replaceDevice(deviceId, appId);

replaceStream：视频流切换，参数 stream，deviceId, appId 直播模式下有效；

player.replaceStream(stream, deviceId, appId);