-
在tp-link 商用云平台上注册账号并登录
-
添加摄像头
-
去到目录 : 项目/监控管理/云直播/实时直播
-
点击监控头 设置按钮
可以获取高清及流畅的播放地址
-
页面引入 video.js+video-contrib-hls.js,并引入videojs的css文件
<link href="./css/video-js.css" rel="stylesheet" />
<script src="./js/video.min.js"></script>
<script type="module" src="./js/video-contrib-hls.js"></script>
- html部分
根据需求 将高清/流畅地址填入src
<video id=live-video1 width=600 height=300 class="video-js vjs-default-skin">
<source src="*******">
</video>
- js部分
window.onclick = ()=>{
var player1 = videojs('live-video1');
player1.play();
}