VUE和webrtc-streamer实现实时视频

回答: 要在VUE项目中实现实时视频，可以使用webrtc-streamer。首先，你需要下载webrtc-streamer的插件，并完成本地播放。然后，将webrtcstreamer.js文件和adapter.min.js文件复制到VUE项目的public/static目录下，并在index.html文件中引入这两个js文件。接下来，你可以使用webrtc-streamer提供的API来实现多屏播放和监控视频延迟的解决方案。如果你遇到了插件或后端转流的问题，你可以尝试使用后端转码m3u8 + video.js来解决。这样可以避免对浏览器和插件的要求，并且更加灵活适用于你的项目。
#### 引用[.reference_title]
- *1* [VUE + webrtc-streamer实时播放海康威视监控（RTSP视频流）](https://blog.csdn.net/qq_44843983/article/details/129159279)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [vue+webrtc-streamer实现在网页播放rtsp视频流](https://blog.csdn.net/weixin_42028153/article/details/129527839)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]