2024-06-07 00:06:10
153
940
通过获取媒体流、建立Peer连接和传输音视频数据等步骤，我们可以在浏览器中实现高质量的实时音视频通信。它允许网页应用或者站点在不借助中间媒介的情况下，建立浏览器之间点对点（Peer-to-Peer）的连接，实现音视频通话和数据交换。在接收端，通过PeerConnection对象接收RTP数据包，并将其解码为原始的音视频数据，然后显示在网页上或播放出来。通过访问用户的摄像头和麦克风，WebRTC可以获取实时音视频流，并对其进行编码、封装和传输。它提供了数据的封装、时间戳和序列号，以确保数据的实时传输和同步。_html webrtc
2024-06-03 12:06:01
137
636
经过一番查找，最终决定使用B站（bilibili）开源的flvjs作为解决方案，其原理是后端用ffmpeg将rtsp视频流转换为flv，然后通过websocket传输flv视频流，然后前端通过websocket获取到视频流后，使用flvjs对视频流再一次处理并进行播放，这是一套无插件无flash免费的视频直播解决方案。后面我们又发现了通过webrtc-streamer播放视频流的方法，成功解决了延迟卡顿的问题。再次强调-H后面是你要监听的地址端口， -o 为了不转码，使用GPU运行，从而降低CPU负荷。_webrtc-streamer vue
2024-04-12 20:04:22
328
679
本文简单总结了自己使用过程的一些知识点和VUE和webrtc-streamer实现rtsp实时监控的一些步骤，希望可以帮到你。_webrtc-streamer
2024-03-10 11:03:17
435
5
因为video标签只能播放特定格式的视频，比如MP4、WebM和Ogg格式，而对于这种视频流文件则需要通过转码实现，而vue-video-player也只能播放特定格式的视频。3、将下载包html文件夹下webrtcstreamer.js文件和html/libs文件夹下adapter.min.js文件复制到你的Vue项目public目录下，在index.html文件里引入这两个js文件。-streamer，对应下载自己电脑操作系统的版本（需要去GitHub下载，GitHub下载较慢，建议通过工具加速下载）_webrtc视频监控