| + 序号 + | +时间 | ++ 雨量(mm) + | ++ 水位(m) + | +
+ + |
+
|---|---|---|---|---|
| {{ index + 1 }} | +{{ item.tm }} | +{{ item.drp }} | +{{ item.z ? item.z.toFixed(2) : "-" }} | +{{ item.tq ? item.tq : "-" }} | +
| + 序号 + | +时间 | ++ 小时雨量(mm) + | +
|---|---|---|
| {{ index + 1 }} | +{{ item.time }} | +{{ item.sumDrp }} | +
| + 序号 + | +时间 | ++ 雨量(mm) + | ++ 水位(m) + | +
+ |
+
|---|---|---|---|---|
| {{ index + 1 }} | +{{ item.tm }} | +{{ item.drp }} | +{{ item.rz ? item.rz.toFixed(2) : "-" }} | +{{ item.w ? item.w : "-" }} | +
| + 姓名 + | +单位 | ++ 职务 + | ++ 联系方式 + | +
|---|---|---|---|
| {{info.personName}} | +{{info.orgName}} | +{{info.position}} | +{{info.tel}} | +
| + 序号 + | ++ 站名 + | + 监测时间 + | ++ 实时水位(m) + | +
|---|---|---|---|
| {{ index + 1 }} | +{{ item.stnm }} | +{{item.tm}} | +
+ |
+
| + 序号 + | ++ 站名 + | + 监测时间 + | ++ 实时水位(m) + | ++ 超汛限(m) + | +
|---|---|---|---|---|
| {{ index + 1 }} | +{{ item.stnm }} | +{{item.tm}} | +
+ |
+ {{item.afsltdz ? item.afsltdz.toFixed(2):'-'}} | +
h5player
+ +h5player是一个基于HTML5的流式网络视频播放器，无需安装浏览器插件即可通过websocket协议向媒体服务取流播放多种格式的音视频流。
+当前版本 2.0.0
+媒体网关:mgc_V5.11.101003 或 mgc_V5.13.100版本及以上
+1、需要在web服务器返回的响应头增加跨域隔离字段：Cross-Origin-Embedder-Policy: require-corp Cross-Origin-Opener-Policy: same-origin 并在https环境下使用。否则高级模式无法使用
+2、在集成过程中new JSPlugin时候必填szBasePath: './dist', // 必填,引用H5player.min.js的js相对目录，否则会引起内部加载解码库异常
以下数据都是在pc chrome80+测试所得
+| 解码方式 | +浏览器限制 | +
|---|---|
| 高级模式 | +当前支持 Chrome80+，ios safari,andriod browser | +
| 普通模式 | +除 IE 和 IOS Safari 外，基本都支持 | +
| 解码方式 | +视频编码格式 | +音频编码格式 | +||||||||
|---|---|---|---|---|---|---|---|---|---|---|
| H264 | +H265 | +AAC | +AACLD | +ADPCM | +G711 | +G722_1 | +G726 | +MP2 | +Opus | +|
| 高级模式 | +✓ | +✓ | +✓ | +✓ | +✓ | +✓ | +✓ | +✓ | +✓ | +✓ | +
| 普通模式 | +✓ | +✓ | +✓ | +✕ | +✕ | +✕ | +✕ | +✕ | +✕ | +✕ | +
| 解码方式 | +视频编码格式 | +分辨率 | +视频参数(bps*fps) | +解码路数（系统：Win7） | +||
|---|---|---|---|---|---|---|
| CPU： I7_8700K |
+ CPU： I5-9400/F |
+ CPU： I3-8100 |
+ ||||
| 显卡：RTX2080 | +显卡：GTX1050TI | +显卡：GT1030D5 | +||||
| 高级模式 | +H265 | +1080P | +4M * 25 | +6 | +4 | +3 | +
| 720P | +2M * 25 | +14 | +10 | +6 | +||
| H264 | +1080P | +4M * 25 | +6 | +4 | +3 | +|
| 720P | +2M * 25 | +14 | +10 | +6 | +||
| 普通模式 | +H265(采用高级模式解码) | +1080P | +4M * 25 | +6 | +4 | +3 | +
| 720P | +2M * 25 | +14 | +10 | +6 | +||
| H264 | +1080P | +4M * 25 | +24 | +20 | +9 | +|
| 720P | +2M * 25 | +32 | +32 | +16 | +||
其余控制接口调用都在JS_Play后调用
+st=>start: 开始
+e=>end: 结束
+op1=>operation: 创建实例：new JSPlugin|past
+op2=>operation: 事件初始化：JS_SetWindowControlCallback|past
+op3=>operation: 调用预览/回放接口：JS_Play|current
+op4=>operation: 调用停止接口：JS_Stop|current
+op5=>operation: 抓图|current
+
+st->op1->op2->op3->op4
+op4->e
+直接用<script>标签引入
+<!-- h5player -->
+<script src="h5player.min.js"></script>
+<body>
+ <div id="play_window"></div>
+ <script>
+ var curIndex = 0; // 当前窗口下标
+ var myPlugin = new JSPlugin({
+ szId: 'play_window', //需要英文字母开头，唯一性，必填
+ szBasePath: './dist', // 必填,与h5player.min.js的引用目录一致
+ bSupporDoubleClickFull: true,//是否支持双击全屏，默认true
+ // 当容器div#play_window有固定宽高时，可不传iWidth和iHeight，窗口大小将自适应容器宽高
+ // iWidth: 600,
+ // iHeight: 400,
+
+ // 分屏播放，默认最大分屏4*4
+ // iMaxSplit: 4,
+ // iCurrentSplit: 1,
+ })
+ </script>
+</body>
+参数：
+| 参数名 | +类型 | +说明 | +必需 | +
|---|---|---|---|
| events | +Object | +事件对应的处理函数集合 | +是 | +
| 返回：Promise | ++ | + | + |
JS_SetWindowControlCallback({
+ windowEventSelect: function (index) { //插件选中窗口回调
+ curIndex = index;
+ console.log(index, iErrorCode, oError);
+ },
+ pluginErrorHandler: function (index, iErrorCode, oError) { //插件错误回调
+ // do you want...
+ // 取流失败，流中断等错误都会触发该回调函数，请自行对照错误码表进行判断。
+ // 业务上层可在此做一些个性化操作，如：个性化错误信息展示，重新取流等。
+ },
+ windowEventOver: function (index) { //鼠标移过回调
+ // do you want...
+ },
+ windowEventOut: function (index) { //鼠标移出回调
+ // do you want...
+ },
+ windowEventUp: function (index) { //鼠标mouseup事件回调
+ // do you want...
+ },
+ windowFullCcreenChange: function (bFull) { //全屏切换回调
+ // do you want...
+ },
+ firstFrameDisplay: function (index, iWidth, iHeight) { //首帧显示回调
+ // do you want...
+ },
+ performanceLack: function () { //性能不足回调
+ // do you want...
+ },
+ StreamEnd: function (index) { //回放结束回调,返回对应测窗口id
+ console.log('recv windowsId: '+iWndIndex+' recv streamend');
+ // do you want...
+ },
+ InterruptStream: function (iWndIndex, interruptTime) { //interruptTime为秒级别
+ console.log('recv InterruptStream windowsId: '+iWndIndex+' interrupt time:'+interruptTime+'s');
+ },
+ talkPluginErrorHandler: (iErrorCode, oError) => { //对讲错误回调
+ console.log('recv talkPluginErrorHandler: '+iErrorCode);
+},
+});
+参数：
+| 参数名 | +类型 | +说明 | +必需 | +
|---|---|---|---|
| url | +String | +流媒体URL | +是 | +
| config | +Object | +播放配置 | +必传,详情见示例 | +
| windowIndex | +Number | +当前窗口下标 | +是 | +
| startTime | +DateTime | +回放开始时间，统一格式，格式类型：2023-05-16T00:00:00Z或2023-05-16T07:47:36.000+08:00 | +预览不能填，回放必填 | +
| endTime | +DateTime | +回放结束时间，格式类型：统一格式，格式类型：2023-05-16T00:00:00Z或2023-05-16T07:47:36.000+08:00 | +预览不能填，回放必填 | +
| 返回：Promise | ++ | + | + |
let url = document.getElementById('url').value;
+let startTime, endTime;
+myPlugin.JS_Play(
+ url,
+ {
+ playURL: url, // 流媒体播放时必传
+ mode: 0, // 解码类型：0=普通模式; 1=高级模式 默认为0
+ // ...
+ },
+ curIndex, //当前窗口下标
+
+ // 回放参数
+ startTime,
+ endTime,
+).then(
+ () => {
+ console.info('JS_Play success');
+ // do you want...
+ },
+ (err) => {
+ console.info('JS_Play failed:', err);
+ // do you want...
+ }
+);
+参数：
+| 参数名 | +类型 | +说明 | +必需 | +
|---|---|---|---|
| windowIndex | +Number | +窗口下标 | +是 | +
| 返回：Promise | ++ | + | + |
myPlugin.JS_Stop(curIndex).then(
+ () => {
+ console.info('JS_Stop success');
+ // do you want...
+ },
+ (err) => {
+ console.info('JS_Stop failed:', err);
+ // do you want...
+ }
+);
+参数：无
+返回：Promise
myPlugin.JS_StopRealPlayAll().then(
+ () => {
+ console.info('JS_StopRealPlayAll success');
+ // do you want...
+ },
+ (err) => {
+ console.info('JS_StopRealPlayAll failed');
+ // do you want...
+ }
+);
+参数：
+说明：一个实例下只支持一路声音播放，开启下一路会默认关闭上一路声音。倍数不支持声音播放
| 参数名 | +类型 | +说明 | +必需 | +
|---|---|---|---|
| windowIndex | +Number | +窗口下标 | +否，不传时默认开启当前选中窗口的声音 | +
| 返回：Promise | ++ | + | + |
myPlugin.JS_OpenSound(curIndex).then(
+ () => {
+ console.info('JS_OpenSound success');
+ // do you want...
+ },
+ (err) => {
+ console.info('JS_OpenSound failed');
+ // do you want...
+ }
+);
+参数：
+| 参数名 | +类型 | +说明 | +必需 | +
|---|---|---|---|
| windowIndex | +Number | +窗口下标 | +否，不传时默认关闭当前选中窗口的声音 | +
| 返回：Promise | ++ | + | + |
myPlugin.JS_CloseSound(curIndex).then(
+ () => {
+ console.info('JS_CloseSound success');
+ // do you want...
+ },
+ (err) => {
+ console.info('JS_CloseSound failed');
+ // do you want...
+ }
+);
+参数：
+| 参数名 | +类型 | +说明 | +必需 | +
|---|---|---|---|
| windowIndex | +Number | +窗口下标 | +是 | +
| volumn | +Number | +音量大小 | +是，范围1~100，默认50 | +
| 返回：Promise | ++ | + | + |
myPlugin.JS_SetVolume(curIndex, volumn).then(
+ () => {
+ console.info('JS_SetVolume success');
+ // do you want...
+ },
+ (err) => {
+ console.info('JS_SetVolume failed');
+ // do you want...
+ }
+);
+参数：
+| 参数名 | +类型 | +说明 | +必需 | +
|---|---|---|---|
| windowIndex | +Number | +窗口下标 | +是 | +
| 返回：Promise | ++ | + | + |
myPlugin.JS_GetVolume(curIndex).then(
+ (volumn) => { //在不设置音量的情况下默认50
+ console.info('JS_GetVolume success', volumn);
+ // do you want...
+ },
+ (err) => {
+ console.info('JS_GetVolume failed');
+ // do you want...
+ }
+);
+参数：
+| 参数名 | +类型 | +说明 | +必需 | +
|---|---|---|---|
| windowIndex | +Number | +窗口下标 | +是 | +
| fileName | +String | +文件名(保证全局唯一性) | +是，可不带后缀，默认为.mp4 | +
| idstType | +Number | +录像文件类型 | +是，2-ps 5-mp4 ,mp4录制音频限制，仅支持AAC、G711A、G711U | +
| 返回：Promise | ++ | + | + |
let fileName = 'fileName.mp4';
+myPlugin.JS_StartSaveEx(curIndex, fileName, 2).then(
+ () => {
+ console.info('JS_StartSave success');
+ // do you want...
+ },
+ (err) => {
+ console.info('JS_StartSave failed');
+ // do you want...
+ }
+);
+参数：
+| 参数名 | +类型 | +说明 | +必需 | +
|---|---|---|---|
| windowIndex | +Number | +窗口下标 | +是 | +
| 返回：Promise | ++ | + | + |
let fileName = 'fileName.mp4';
+myPlugin.JS_StopSave(windowIndex).then(
+ () => {
+ console.info('JS_StopSave success');
+ // do you want...
+ },
+ (err) => {
+ console.info('JS_StopSave failed');
+ // do you want...
+ }
+);
+参数：
+| 参数名 | +类型 | +说明 | +必需 | +
|---|---|---|---|
| windowIndex | +Number | +窗口下标 | +是 | +
| fileName | +String | +文件名 | +是 | +
| fileType | +String | +文件类型 | +是，'JPEG' | +
| callback | +Fuction | +回调函数 | +否 | +
| 返回：Promise | ++ | + | + |
let fileName = 'img';
+let fileType = 'JPEG';
+//下载到本地
+myPlugin.JS_CapturePicture(curIndex, fileName, fileType).then(
+ () => {
+ console.info('JS_CapturePicture success');
+ // do you want...
+ },
+ (err) => {
+ console.info('JS_CapturePicture failed');
+ // do you want...
+ }
+);
+//不进行下载，数据回调,JS_CapturePicture接口在jsdecoder1.0解码方式下连续调用会存在失败的情况，如果既要回调又要下载，请自行对回调数据进行下载
+myPlugin.JS_CapturePicture(curIndex, fileName, fileType，imageData => {
+ console.info('JS_CapturePicture success', imageData); //2.1.0开始全是base64，之前的版本存在blob或者是base64
+ // do you want...
+})
+
+参数：
+| 参数名 | +类型 | +说明 | +必需 | +
|---|---|---|---|
| windowIndex | +Number | +窗口下标 | +是 | +
| 返回：Promise | ++ | + | + |
myPlugin.JS_Pause(curIndex).then(
+ () => {
+ console.info('JS_Pause success');
+ // do you want...
+ },
+ (err) => {
+ console.info('JS_Pause failed');
+ // do you want...
+ }
+);
+参数：
+| 参数名 | +类型 | +说明 | +必需 | +
|---|---|---|---|
| windowIndex | +Number | +窗口下标 | +是 | +
| 返回：Promise | ++ | + | + |
myPlugin.JS_Resume(curIndex).then(
+ () => {
+ console.info('JS_Resume success');
+ // do you want...
+ },
+ (err) => {
+ console.info('JS_Resume failed');
+ // do you want...
+ }
+);
+特殊声明：由于浏览器的安全限制，该功能只能在https域下使用，只支持一路对讲
+参数：
| 参数名 | +类型 | +说明 | +必需 | +
|---|---|---|---|
| szTalkUrl | +String | +对讲URL | +是 | +
| 返回：Promise | ++ | + | + |
myPlugin.JS_StartTalk(szTalkUrl).then(
+ () => {
+ console.info('JS_StartTalk success');
+ // do you want...
+ },
+ (err) => {
+ console.info('JS_StartTalk failed');
+ // do you want...
+ }
+);
+返回：Promise
+myPlugin.JS_StopTalk().then(
+ () => {
+ console.info('JS_StopTalk success');
+ // do you want...
+ },
+ (err) => {
+ console.info('JS_StopTalk failed');
+ // do you want...
+ }
+);
+参数：
+| 参数名 | +类型 | +说明 | +必需 | +
|---|---|---|---|
| nVolume | +number | +音量大小（0-100） | +否 | +
| 返回：Promise | ++ | + | + |
myPlugin.设置对讲音量：JS_TalkSetVolume(nVolume).then(
+ () => {
+ console.info('JS_TalkSetVolume success');
+ // do you want...
+ },
+ (err) => {
+ console.info('JS_TalkSetVolume failed');
+ // do you want...
+ }
+);
+返回：Promise
+myPlugin.JS_TalkGetVolume().then(
+ () => {
+ console.info('JS_TalkGetVolume success');
+ // do you want...
+ },
+ (err) => {
+ console.info('JS_TalkGetVolume failed');
+ // do you want...
+ }
+);
+调节播放倍速为当前播放速度的2倍，最大为8倍。
+参数：
| 参数名 | +类型 | +说明 | +必需 | +
|---|---|---|---|
| windowIndex | +Number | +窗口下标 | +是 | +
| 返回：Promise | ++ | + | + |
myPlugin.JS_Fast(curIndex).then(
+ () => {
+ console.info('JS_Fast success');
+ // do you want...
+ },
+ (err) => {
+ console.info('JS_Fast failed');
+ // do you want...
+ }
+);
+调节播放倍速为当前播放速度的1/2倍，最小为1/8倍。
+参数：
| 参数名 | +类型 | +说明 | +必需 | +
|---|---|---|---|
| windowIndex | +Number | +窗口下标 | +是 | +
| 返回：Promise | ++ | + | + |
myPlugin.JS_Slow(curIndex).then(
+ () => {
+ console.info('JS_Slow success');
+ // do you want...
+ },
+ (err) => {
+ console.info('JS_Slow failed');
+ // do you want...
+ }
+);
+参数：
+| 参数名 | +类型 | +说明 | +必需 | +
|---|---|---|---|
| windowIndex | +Number | +窗口下标 | +是 | +
| stratTime | +DateTime | +开始时间，格式类型：2021-06-29T00:00:00Z | +是 | +
| endTime | +DateTime | +结束时间，格式类型：2021-06-29T00:00:00Z | +是 | +
| 返回：Promise | ++ | + | + |
myPlugin.JS_Seek(curIndex，zStartDate, szEndDate).then(
+ () => {
+ console.info('JS_Seek success');
+ // do you want...
+ },
+ (err) => {
+ console.info('JS_Seek failed');
+ // do you want...
+ }
+);
+参数：
+| 参数名 | +类型 | +说明 | +必需 | +
|---|---|---|---|
| windowIndex | +Number | +窗口下标 | +是 | +
| 返回：Promise | ++ | + | + |
myPlugin.JS_FrameForward(curIndex).then(
+ () => {
+ console.info('JS_FrameForward success');
+ // do you want...
+ },
+ (err) => {
+ console.info('JS_FrameForward failed');
+ // do you want...
+ }
+);
+参数：
+| 参数名 | +类型 | +说明 | +必需 | +
|---|---|---|---|
| windowIndex | +Number | +窗口下标 | +否，不传时默认开启当前选中窗口的电子放大功能 | +
| 返回：Promise | ++ | + | + |
myPlugin.JS_EnableZoom(curIndex).then(
+ () => {
+ console.info('JS_EnableZoom success');
+ // do you want...
+ },
+ (err) => {
+ console.info('JS_EnableZoom failed');
+ // do you want...
+ }
+);
+参数：
+| 参数名 | +类型 | +说明 | +必需 | +
|---|---|---|---|
| iWndNum | +Number | +窗口下标 | +是 | +
| bOpenFlag | +Boolean | +开启/关闭 | +是 | +
| 返回：Promise | ++ | + | + |
myPlugin.JS_RenderALLPrivateData(iWndNum, true).then(
+ () => {
+ console.info('JS_RenderALLPrivateData success');
+ // do you want...
+ },
+ (err) => {
+ console.info('JS_RenderALLPrivateData failed');
+ // do you want...
+ }
+);
+参数：
+| 参数名 | +类型 | +说明 | +必需 | +
|---|---|---|---|
| splitNum | +Number | +分隔数 | +是， 范围：1~4 | +
| 返回：Promise | ++ | + | + |
| 分隔数 | +分屏效果 | ++ | + |
| ---- | +---- | ++ | + |
| 1 | +1x1 | ++ | + |
| 2 | +2x2 | ++ | + |
| 3 | +3x3 | ++ | + |
| 4 | +4x4 | ++ | + |
myPlugin.JS_ArrangeWindow(splitNum).then(
+ () => {
+ console.info('JS_ArrangeWindow success');
+ // do you want...
+ },
+ (err) => {
+ console.info('JS_ArrangeWindow failed');
+ // do you want...
+ }
+);
+参数：
+| 参数名 | +类型 | +说明 | +必需 | +
|---|---|---|---|
| windowIndex | +Number | +窗口下标 | +是 | +
| 返回：Promise | ++ | + | + |
myPlugin.JS_SelectWnd(windowIndex).then(
+ () => {
+ console.info('JS_SelectWnd success');
+ // do you want...
+ },
+ (err) => {
+ console.info('JS_SelectWnd failed');
+ // do you want...
+ }
+);
+参数：
+| 参数名 | +类型 | +说明 | +必需 | +
|---|---|---|---|
| isFull | +Boolean | +是否全屏 | +是 | +
| 返回：Promise | ++ | + | + |
myPlugin.JS_FullScreenDisplay(true).then(
+ () => {
+ console.info('JS_FullScreenDisplay success');
+ // do you want...
+ },
+ (err) => {
+ console.info('JS_FullScreenDisplay failed');
+ // do you want...
+ }
+);
+参数：
+| 参数名 | +类型 | +说明 | +必需 | +
|---|---|---|---|
| windowIndex | +Number | +窗口下标 | +是 | +
| 返回：Promise | ++ | + | + |
myPlugin.JS_FullScreenSingle(curIndex).then(
+ () => {
+ console.info('JS_FullScreenSingle success');
+ // do you want...
+ },
+ (err) => {
+ console.info('JS_FullScreenSingle failed');
+ // do you want...
+ }
+);
+参数：
+| 参数名 | +类型 | +说明 | +必需 | +
|---|---|---|---|
| iWidth | +Number | +播放页面宽度 | +否，不传时默认父窗口大小 | +
| iHeight | +Number | +播放页面高度 | +否，不传时默认父窗口大小 | +
| 返回：Promise | ++ | + | + |
myPlugin.JS_Resize().then(
+ () => {
+ console.info('JS_Resize success');
+ // do you want...
+ },
+ (err) => {
+ console.info('JS_Resize failed');
+ // do you want...
+ }
+);
+参数：
+| 参数名 | +类型 | +说明 | +必需 | +
|---|---|---|---|
| windowIndex | +Number | +窗口下标 | +是 | +
| 返回：Promise | ++ | + | + |
| 成功返回从1970-1-1 00:00:00 到该日期对象的毫秒数,但是获取的精度只到秒级别，毫秒都是0 | ++ | + | + |
myPlugin.JS_GetOSDTime(curIndex).then(
+ (time) => {
+ console.info("osdTime:", new Date(time));
+ // do you want...
+ },
+ (err) => {
+ console.info('JS_GetOSDTime failed');
+ // do you want...
+ }
+);
+参数：
+| 参数名 | +类型 | +说明 | +必需 | +
|---|---|---|---|
| windowIndex | +Number | +窗口下标 | +是 | +
| 返回：Promise | ++ | + | + |
| videoInfo = { | ++ | + | + |
VideType: 'h264', //视频编码格式 + audioType: 'without',//音频编码格式 + width: 0,//视频分辨率的宽 + height: 0,//视频分辨率的高 + frameRate: 25,//视频帧率 + bitRate: 2048,//视频码率，单位：Kb/s + systemFormt: "ps"//视频封装格式 ++
};
+myPlugin.JS_GetVideoInfo(curIndex).then(
+ (VideoInfo) => {
+ console.info("VideoInfo:", VideoInfo);
+ // do you want...
+ },
+ (err) => {
+ console.info('JS_GetVideoInfo failed');
+ // do you want...
+ }
+);
+参数：
+说明：该接口不调用时默认6s,在JS_Play之前调用
| 参数名 | +类型 | +说明 | +必需 | +
|---|---|---|---|
| windowIndex | +Number | +窗口下标 | +是 | +
| nTime | +Number | +超时时间 | +是，不传时默认0秒，单位秒 | +
| 返回：Promise | ++ | + | + |
myPlugin.JS_SetConnectTimeOut(curIndex, nTime).then(
+ () => {
+ console.info('JS_SetConnectTimeOut success');
+ // do you want...
+ },
+ (err) => {
+ console.info('JS_SetConnectTimeOut failed');
+ // do you want...
+ }
+);
+参数：
+| 参数名 | +类型 | +说明 | +必需 | +
|---|---|---|---|
| windowIndex | +Number | +窗口下标 | +是 | +
| szType | +Number | +数据类型 | +是，0x0101: 定制温度 0x0103: 基线温度裸数据 0x0006: 车载行车信息 0x0009: 车载调试信息 0x0007: POS 信息解析回调 0x0010: 汽车电子私有信息 0x0011: 无人机私有信息 0x0804: 数立体云防私有数据 0x000B: 设备扩展信息 | +
| cbCallback | +function | +回调函数 | +是，function(dataType, dataStrVersion, dataTimeStamp, additionDataBuffer) | +
返回：Promise
+myPlugin.JS_SetAdditionDataCB(curIndex, 0x0804, function(dataType,dataStrVersion, dataTimeStamp, additionDataBuffer){
+ console.log(" JSPlayM4_AdditionDataCBFun dataType:"+dataType +",dataStrVersion:"+dataStrVersion+",dataTimeStamp:"+dataTimeStamp);
+ }).then(
+ () => {
+ console.info('JS_SetAdditionDataCB success');
+ // do you want...
+ },
+ (err) => {
+ console.info('JS_SetAdditionDataCB failed');
+ // do you want...
+ }
+);
+说明：traceId是查询调用链的唯一标识，H5player不做调用链埋点，只拼接traceId，traceId建议在传入url的时候自行拼接
+拼接规则：取流url中无?则拼接?traceId=uuid(随机生成的一个id编号);有?则拼接&traceId=uuid
+示例：wss://10.19.147.57:6014/proxy/10.19.147.57:559/EUrl/SiSnW6z?traceId=d9d0766e3b3f7a41
+参数：
| 参数名 | +类型 | +说明 | +必需 | +
|---|---|---|---|
| windowIndex | +Number | +窗口下标 | +是 | +
| bOpenFlag | +Number | +是否设置traceId | +是,该接口不调用默认false | +
返回：Promise
+myPlugin.JS_SetTraceId(curIndex, bOpenFlag).then(
+ () => {
+ console.info('JS_SetTraceId success');
+ // do you want...
+ },
+ (err) => {
+ console.info('JS_SetTraceId failed');
+ // do you want...
+ }
+);
+说明：断流的事件统一从JS_SetWindowControlCallback的InterruptStream回调，InterruptTime为检测无码流的时间，每过InterruptTime回调一次断流事件，未设置默认每过5s无码流回调一次断流事件
+参数：
| 参数名 | +类型 | +说明 | +必需 | +
|---|---|---|---|
| windowIndex | +Number | +窗口下标 | +是 | +
| InterruptTime | +Number | +检测断流时间阈值,单位：秒,默认5秒 | +是 | +
返回：Promise
+let InterruptTime = 5;
+myPlugin.JS_SetInterruptTime(iWndNum, InterruptTime).then(
+ () => {
+ console.info('JS_SetInterruptTime success');
+ // do you want...
+ },
+ (err) => {
+ console.info('JS_SetInterruptTime failed');
+ // do you want...
+ }
+);
+说明：traceId是查询调用链的唯一标识，H5player不做调用链埋点，只拼接traceId，traceId建议在传入url的时候自行拼接，更方便应用层管理，h5player内部会检测无traceId时会默认拼接上
+拼接规则：取流url中无?则拼接?traceId=uuid(随机生成的一个id编号);有?则拼接&traceId=uuid
+示例：wss://10.19.147.57:6014/proxy/10.19.147.57:559/EUrl/SiSnW6z?traceId=d9d0766e3b3f7a41
+参数：
| 参数名 | +类型 | +说明 | +必需 | +
|---|---|---|---|
| windowIndex | +Number | +窗口下标 | +是 | +
返回：Promise
+myPlugin.JS_GetTraceId(curIndex).then(
+ (traceId) => {
+ console.info('JS_GetTraceId success', traceId);
+ // do you want...
+ },
+ (err) => {
+ console.info('JS_GetTraceId failed');
+ // do you want...
+ }
+);
+| 错误码 | +描述 | +
|---|---|
| 0x12f900001 | +接口调用参数错误 | +
| 0x12f900002 | +不在播放状态 | +
| 0x12f900003 | +仅回放支持该功能 | +
| 0x12f900004 | +普通模式不支持该功能 | +
| 0x12f900005 | +高级模式不支持该功能 | +
| 0x12f900006 | +高级模式的解码库加载失败 | +
| 0x12f900008 | +url格式错误 | +
| 0x12f900009 | +取流超时错误 | +
| 0x12f900010 | +设置或者是获取音量失败，因为没有开启音频的窗口 | +
| 0x12f900011 | +设置的音量不在1-100范围 | +
| 0x12f910000 | +websocket连接失败，请检查网络是否通畅，URL是否正确 | +
| 0x12f910010 | +取流失败 | +
| 0x12f910011 | +流中断，电脑配置过低，程序卡主线程都可能导致流中断 | +
| 0x12f910014 | +没有音频数据 | +
| 0x12f910015 | +未找到对应websocket，取流套接字被动关闭的报错 | +
| 0x12f910016 | +websocket不在连接状态 | +
| 0x12f910017 | +不支持智能信息展示 | +
| 0x12f910018 | +websocket长时间未收到message | +
| 0x12f910019 | +wss连接失败，原因：端口尚未开通、证书未安装、证书不安全 | +
| 0x12f910020 | +单帧回放时不能暂停 | +
| 0x12f910021 | +已是最大倍速 | +
| 0x12f910022 | +已是最小倍速 | +
| 0x12f910023 | +ws/wss连接超时，默认6s超时时间，原因：网络异常，网络不通 | +
| 0x12f910026 | +jsdecoder1.0解码报错视频编码格式不支持 | +
| 0x12f910027 | +后端取流超时，主动关闭连接（设备突然离线或重启，网络传输超时20s） | +
| 0x12f910028 | +设置的缓冲区大小无效，大小0-510241024，不在该范围的报错 | +
| 0x12f910029 | +普通模式的报错，码流异常导致黑屏,尝试重新取流 | +
| 0x12f910031 | +普通模式下播放卡主会出现 | +
| 0x12f910032 | +码流编码格式普通模式下不支持，可切换高级模式尝试播放 | +
| 0x12f920015 | +未调用停止录像，再次调用开始录像 | +
| 0x12f920016 | +未开启录像调用停止录像接口错误 | +
| 0x12f920017 | +紧急录像目标格式不支持，非ps/mp4 | +
| 0x12f920018 | +紧急录像文件名为null | +
| 0x12f930010 | +内存不足 | +
| 0x12f930011 | +首帧显示之前无法抓图，请稍后重试 | +
| 0x12f950000 | +采集音频失败，可能是在非https域下使用对讲导致 | +
| 0x12f950001 | +对讲不支持这种音频编码格式 | +
1.Q: Uncaught Error: Site or Page Not Found : http://localhost/Decoder.data
+A: 把 decoder.data 文件放在根目录下
+2.Q: 实测性能和给的性能数据不符，使用了chrome92版本，没有加跨域隔离导致
+A: http头增加跨域隔离，Cross-Origin-Embedder-Policy: require-corp Cross-Origin-Opener-Policy: same-origin 并在https环境下使用。