博客 / 詳情

返回

如何實現html顯示WebRTC視頻監控流

一:webrtc服務搭建

1:webrtc鏡像服務拉取

webrtc鏡像服務地址:https://hub.docker.com/r/mpromonet/webrtc-streamer

docker pull mpromonet/webrtc-streamer

2:webrtc鏡像服務構建

docker run -d --restart="always" -p 8251:8000 --name webrtc mpromonet/webrtc-streamer -o

二:html調用webrtc服務查看視頻監控

html調用webrtc服務查看監控需要使用到adapter.min.js和webrtcstreamer.js

https://download.csdn.net/download/huaweichenai/92240098

簡單示例如下:

<html>
<head>
<script src="adapter.min.js" ></script>
<script src="webrtcstreamer.js" ></script>
<script>        
    var webRtcServer      = null;
    window.onload         = function() { 
        webRtcServer      = new WebRtcStreamer("video",location.protocol+"//"+location.hostname+":8000");
        webRtcServer.connect("rtsp://wowzaec2demo.streamlock.net/vod/mp4:BigBuckBunny_115k.mov");
    }
    window.onbeforeunload = function() { webRtcServer.disconnect(); }
</script>
</head>
<body> 
    <video id="video" />
</body>
</html>

根據如上操作 我們就可以實現html顯示WebRTC視頻監控流

user avatar kangkaidafangdezi 頭像 aipaobudehoutao 頭像 Javaer1995 頭像
3 位用戶收藏了這個故事!

發佈 評論

Some HTML is okay.