| | |
| | | <template> |
| | | <div class="centermap"> |
| | | <div class="mapwrap"> |
| | | <ItemWrap title="è§é¢çæ§"> |
| | | <ItemWrap title="车轮æç£¨è§é¢çæ§"> |
| | | <video id="video_left" autoplay muted controls playsinline width="100%" height="100%"></video> |
| | | </ItemWrap> |
| | | </div> |
| | | <div class="mapwrap"> |
| | | <ItemWrap title="è§é¢çæ§"> |
| | | <ItemWrap title="车轮æµéè§é¢çæ§"> |
| | | <video id="video_right" autoplay muted controls playsinline width="100%" height="100%"></video> |
| | | </ItemWrap> |
| | | </div> |
| | |
| | | const webRtcServer_right = ref(null) |
| | | |
| | | // RTSP å°åï¼æ³¨æ URL ç¼ç ç¹æ®å符 |
| | | const rtspLeft = 'rtsp://admin:Mx202513@172.21.7.244:554/Streaming/Channels/102?rtsp_transport=tcp' |
| | | const rtspRight = 'rtsp://admin:Mx202513@172.21.7.244:554/Streaming/Channels/202?rtsp_transport=tcp' |
| | | const rtspLeft = 'rtsp://admin:Mx202513@172.21.7.244:554/Streaming/Channels/101?rtsp_transport=tcp&codecType=h264'; |
| | | const rtspRight = 'rtsp://admin:Mx202513@172.21.7.244:554/Streaming/Channels/201?rtsp_transport=tcp&codecType=h264'; |
| | | |
| | | // WebRtcStreamer æå¡å°å |
| | | const serverUrl = 'http://172.21.1.139:8000' // â æ¹ä¸ºä½ è¿è¡ webrtcstreamer ççµè IP |
| | |
| | | |
| | | <style scoped> |
| | | .centermap { |
| | | width: 100%; |
| | | height: 100%; |
| | | display: flex; |
| | | } |
| | | .mapwrap { |
| | | height: 470px; |
| | | width: 100%; |
| | | box-sizing: border-box; |
| | | position: relative; |