没有合适的资源?快使用搜索试试~ 我知道了~
海康威视的H5playerV2.0.0开发指南_20210805145842_20210918155600.pdf
需积分: 48 23 下载量 4 浏览量
2021-12-14
22:54:09
上传
评论
收藏 349KB PDF 举报
温馨提示
试读
22页
h5player是一个基于HTML5的流式网络视频播放器,无需安装浏览器插件即可通过websocket协议向媒体服务取流播放多种格式的音视频流。
资源详情
资源评论
资源推荐
h5player
描述
版本
媒体版本限制
使用注意事项
浏览器限制以及编解码支持情况
接口调用流程图
引入
创建实例
接口说明
事件初始化: JS_SetWindowControlCallback(events)
播放: JS_Play(url, config, windowIndex, startTime, endTime)
停止播放: JS_Stop(windowIndex)
停止所有播放: JS_StopRealPlayAll()
开启声音: JS_OpenSound(windowIndex)
关闭声音: JS_CloseSound(windowIndex)
设置音量: JS_SetVolume(windowIndex, volumn)
获取当前音量: JS_GetVolume(windowIndex)
录像: JS_StartSaveEx(windowIndex, fileName, idstType)
停止录像并保存文件: JS_StopSave(windowIndex)
抓图: JS_CapturePicture(windowIndex, fileName, fileType, callback)
回放:JS_Play()
停止回放:JS_Stop()
暂停回放: JS_Pause(windowIndex)
恢复回放: JS_Resume(windowIndex)
开始对讲: JS_StartTalk(szTalkUrl)
停止对讲: JS_StopTalk()
设置对讲音量:JS_TalkSetVolume(nVolume)
获取对讲音量: JS_TalkGetVolume()
录像、抓图功能同预览播放
回放快放: JS_Fast(windowIndex)
回放慢放: JS_Slow(windowIndex)
回放定位: JS_Seek(windowIndex, stratTime, endTime)
回放单帧进(高级模式功能): JS_FrameForward(windowIndex)
电子放大(高级模式功能): JS_EnableZoom(windowIndex)
开启/关闭智能信息展示(高级模式功能): JS_RenderALLPrivateData(iWndNum, bOpenFlag)
分屏: JS_ArrangeWindow(splitNum)
整体全屏: JS_FullScreenDisplay(isFull)
单窗口全屏: JS_FullScreenSingle(windowIndex)
设置窗口大小:JS_Resize (iWidth, iHeight)
获取OSD时间:JS_GetOSDTime (windowIndex)
获取音视频信息:JS_GetVideoInfo (windowIndex)
设置取流连接超时时间:JS_SetConnectTimeOut (windowIndex, nTime)
错误码及其描述
FAQ
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后调用
引入
直接用<script>标签引入
<!-- h5player -->
<script src="h5player.min.js"></script>
创建实例
开始
创建实例:new JSPlugin
事件初始化:JS_SetWindowControlCallback
调用预览/回放接口:JS_Play
调用停止接口:JS_Stop
结束
<body>
<div id="play_window"></div>
<script>
var curIndex = 0; // 当前窗口下标
var myPlugin = new JSPlugin({
szId: 'play_window', //需要英文字母开头 必填
szBasePath: './dist', // 必填,引用H5player.min.js的js相对路径
// 当容器div#play_window有固定宽高时,可不传iWidth和iHeight,窗口大小将自适应容器宽高
// iWidth: 600,
// iHeight: 400,
// 分屏播放,默认最大分屏4*4
// iMaxSplit: 4,
// iCurrentSplit: 1,
// 样式
// oStyle: {
// border: "#343434",
// borderSelect: "#FFCC00",
// background: "#000"
// }
})
</script>
</body>
接口说明
事件初始化: JS_SetWindowControlCallback(events)
参数:
参数名 类型 说明 必需
events Object 事件对应的处理函数集合 是
返回:Promise
剩余21页未读,继续阅读
zpwmhx
- 粉丝: 7
- 资源: 52
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- C语言基础-C语言编程基础之Leetcode编程题解之第39题组合总和.zip
- C语言基础-C语言编程基础之Leetcode编程题解之第38题外观数列.zip
- C语言基础-C语言编程基础之Leetcode编程题解之第37题解数独.zip
- C语言基础-C语言编程基础之Leetcode编程题解之第36题有效的数独.zip
- C语言基础-C语言编程基础之Leetcode编程题解之第35题搜索插入位置.zip
- index.wxml
- C语言基础-C语言编程基础之Leetcode编程题解之第33题搜索旋转排序数组.zip
- 基于Python实现的手写数字识别系统源码.zip
- 从网页提取禁止转载的文字
- C语言基础-C语言编程基础之Leetcode编程题解之第32题最长有效括号.zip
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
评论0