<template>
<div class="video-content">
<video id='video' autoplay controls muted preload='auto'></video>
</div>
</template>
<script>
import './webrtcstreamer.js';
export default {
components: {},
data() {
return {
webRtcServer: null
}
},
mounted() {
/**
* 页面加载时加载视频画面
* video. 绑定的控件节点id
* http. 启动webrtc-streamer的设备IP 如 http://192.168.1.1
*/
this.webRtcServer = new WebRtcStreamer("video", http);
//需要查看的rtsp地址
this.webRtcServer.connect("rtsp://xxxxxxxx");
},
//页面退出时销毁
destroyed() {
this.webRtcServer.disconnect();
}
}
</script>
Web实时显示海康视频
最新推荐文章于 2024-06-12 15:24:15 发布