对接步骤

步骤一：获取 token

前往开发教程-服务端 API 对接，根据文档中对接步骤获取 token。

步骤二：获取摄像机播放链接 URL

• 调用接口获取摄像机视频播放 websdk 链接，获取设备直播链接 URL；
• 调用接口获取摄像机纯视频播放 websdk 链接，获取设备直播纯视频链接 URL，只有画面，没有控件；
• 调用接口获取摄像机指定时间段回看 websdk 链接，获取设备回看链接 URL；

获取到的播放链接 URL，通过 iframe 嵌套在页面中即可。

注意事项

• iframe 须添加权限允许属性 allow="autoplay *; microphone *; fullscreen *" allowfullscreen="true" allowtransparency="true" allowusermedia="true", 通常还需添加属性 frameBorder="no"
• iframe 尺寸：单播放器推荐宽度为 800px，高度为 640px；分屏播放器推荐控制宽高比为 16:9

兼容性

播放器实现依赖浏览器提供的 mediasource 特性，即通常情况下支持主流的现代浏览器和 window 8+ 系统中的 ie11 浏览器。具体兼容性列表见：https://caniuse.com/#feat=mediasource