uniapp中使用海康h5player实现实时视频和录像回放功能

1.uniapp中如何使用h5player

后续有时间了再完善

2.遇到的问题

2.1.h5player的nginx服务器要求

小程序中外部链接必须使用https协议，并配置业务域名。h5player的nginx服务要求如下：https协议、域名、80端口。

公司已在阿里云上购买域名，登录进阿里云官网后，在控制台中创建子域名并绑定服务器IP，生成https免费证书，在nginx配置https协议和证书。然后在微信公众平台中将子域名配置到小程序的业务域名中，此时h5player页面就能在微信小程序中正常打开了。

2.2.对接海康综合安防管理平台

在阿里云控制条为海康服务器创建子域名并绑定服务器IP，生成https免费证书并下载nginx版本，让海康运维人员上传证书，他会将合作方Key和合作方Secret发过来，让后台在配置中修改。

请求取流URL接口获取到视频流URL：wss://172.24.57.102:6014/proxy/172.24.57.102:559/openUrl/vzTAZbO

其中172.24.57.102是服务器内网IP，将第1个内网IP替换为子域名：wss://www.dxhrqhik.vdatacloud.cn:6014/proxy/172.24.57.102:559/openUrl/vzTAZbO

此时就能正常播放了。