实时通信协议概述：WebRTC、RTPRTCP、RTMP、HLS 和 FLV 的比较与应用

文章目录

• • 一、协议总览
  • 二、WebRTC
  • • 2.1 时序图
    • 2.2 代码示例
  • 三、RTP/RTCP
  • • 3.1 时序图
    • 3.2 代码示例
  • 四、RTMP
  • • 4.1 时序图
    • 4.2 代码示例
  • 五、HLS
  • • 5.1 时序图
    • 5.2 代码示例
  • 六、总结

一、协议总览

协议/格式

细节

对比

适用场景

用法

WebRTC

使用 UDP 传输协议，支持 P2P 通信，可以实现低延迟的实时通信。

与其他需要服务器中转的协议相比，WebRTC 可以直接在客户端之间传输数据，降低了延迟和带宽消耗。

适用于需要实时交互的场景，如视频会议、在线教育、实时游戏等。

WebRTC 提供了 JavaScript API，开发者可以在网页中直接使用这些 API 实现实时通信。

RTP/RTCP

RTP 通常使用 UDP 传输协议，可以提供时间戳和序列号，支持数据的同步和重组。

与其他协议相比，RTP/RTCP 更专注于实时性，但可能需要更复杂的网络设施来支持。

适用于需要实时传输音视频的场景，如视频会议、在线直播等。

RTP/RTCP 通常在更底层的网络库中使用，开发者需要有一定的网络知识才能使用。

RTMP

使用 TCP 传输协议，可以提供稳定的数据传输，但延迟较高。

与其他协议相比，RTMP 更稳定，但实时性较差。

适用于需要稳定传输的场景，如在线直播、视频点播等。

RTMP 通常在 Flash Player 中使用，但现在也有很多其他的库和工具支持 RTMP。

HLS

使用 HTTP 传输协议，通过将流媒体切分为一系列小的文件来传输，可以适应网络状况的变化。

与其他协议相比，HLS 更易于通过防火墙，且兼容性更好。

适用于各种网络状况下的流媒体传输，如在线直播、视频点播等。

HLS 可以在所有支持 HTTP 和 M3U8 播放列表的播放器中使用。

FLV

FLV 是 Adobe 开发的格式，通常与 Flash Player 和 RTMP 一起使用。

与 MP4 相比，FLV 的兼容性较差。

适用于视频点播、存储和分享等场景。

FLV 可以在大多数媒体播放器和网页播放器中播放。

MP4

MP4 是一种国际标准格式，支持多种编码和多种数据类型。

与 FLV 相比，MP4 兼容性更好，支持的编码和数据类型也更多。

适用于视频点播、存储和分享等场景。

MP4 可以在大多数媒体播放器和网页播放器中播放。

二、WebRTC

2.1 时序图

简化的 WebRTC 信令过程的时序图如下：

#mermaid-svg-ahQIxFs0hFwuaRQH {font-family:“trebuchet ms”,verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg-ahQIxFs0hFwuaRQH .error-icon{fill:#552222;}#mermaid-svg-ahQIxFs0hFwuaRQH .error-text{fill:#552222;stroke:#552222;}#mermaid-svg-ahQIxFs0hFwuaRQH .edge-thickness-normal{stroke-width:2px;}#mermaid-svg-ahQIxFs0hFwuaRQH .edge-thickness-thick{stroke-width:3.5px;}#mermaid-svg-ahQIxFs0hFwuaRQH .edge-pattern-solid{stroke-dasharray:0;}#mermaid-svg-ahQIxFs0hFwuaRQH .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-svg-ahQIxFs0hFwuaRQH .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-svg-ahQIxFs0hFwuaRQH .marker{fill:#333333;stroke:#333333;}#mermaid-svg-ahQIxFs0hFwuaRQH .marker.cross{stroke:#333333;}#mermaid-svg-ahQIxFs0hFwuaRQH svg{font-family:“trebuchet ms”,verdana,arial,sans-serif;font-size:16px;}#mermaid-svg-ahQIxFs0hFwuaRQH .actor{stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:#ECECFF;}#mermaid-svg-ahQIxFs0hFwuaRQH text.actor>tspan{fill:black;stroke:none;}#mermaid-svg-ahQIxFs0hFwuaRQH .actor-line{stroke:grey;}#mermaid-svg-ahQIxFs0hFwuaRQH .messageLine0{stroke-width:1.5;stroke-dasharray:none;stroke:#333;}#mermaid-svg-ahQIxFs0hFwuaRQH .messageLine1{stroke-width:1.5;stroke-dasharray:2,2;stroke:#333;}#mermaid-svg-ahQIxFs0hFwuaRQH #arrowhead path{fill:#333;stroke:#333;}#mermaid-svg-ahQIxFs0hFwuaRQH .sequenceNumber{fill:white;}#mermaid-svg-ahQIxFs0hFwuaRQH #sequencenumber{fill:#333;}#mermaid-svg-ahQIxFs0hFwuaRQH #crosshead path{fill:#333;stroke:#333;}#mermaid-svg-ahQIxFs0hFwuaRQH .messageText{fill:#333;stroke:#333;}#mermaid-svg-ahQIxFs0hFwuaRQH .labelBox{stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:#ECECFF;}#mermaid-svg-ahQIxFs0hFwuaRQH .labelText,#mermaid-svg-ahQIxFs0hFwuaRQH .labelText>tspan{fill:black;stroke:none;}#mermaid-svg-ahQIxFs0hFwuaRQH .loopText,#mermaid-svg-ahQIxFs0hFwuaRQH .loopText>tspan{fill:black;stroke:none;}#mermaid-svg-ahQIxFs0hFwuaRQH .loopLine{stroke-width:2px;stroke-dasharray:2,2;stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);}#mermaid-svg-ahQIxFs0hFwuaRQH .note{stroke:#aaaa33;fill:#fff5ad;}#mermaid-svg-ahQIxFs0hFwuaRQH .noteText,#mermaid-svg-ahQIxFs0hFwuaRQH .noteText>tspan{fill:black;stroke:none;}#mermaid-svg-ahQIxFs0hFwuaRQH .activation0{fill:#f4f4f4;stroke:#666;}#mermaid-svg-ahQIxFs0hFwuaRQH .activation1{fill:#f4f4f4;stroke:#666;}#mermaid-svg-ahQIxFs0hFwuaRQH .activation2{fill:#f4f4f4;stroke:#666;}#mermaid-svg-ahQIxFs0hFwuaRQH .actorPopupMenu{position:absolute;}#mermaid-svg-ahQIxFs0hFwuaRQH .actorPopupMenuPanel{position:absolute;fill:#ECECFF;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);filter:drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4));}#mermaid-svg-ahQIxFs0hFwuaRQH .actor-man line{stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:#ECECFF;}#mermaid-svg-ahQIxFs0hFwuaRQH .actor-man circle,#mermaid-svg-ahQIxFs0hFwuaRQH line{stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:#ECECFF;stroke-width:2px;}#mermaid-svg-ahQIxFs0hFwuaRQH :root{–mermaid-font-family:“trebuchet ms”,verdana,arial,sans-serif;} 对等端 A 信令服务器 对等端 B 创建 Offer 转发 Offer 创建 Answer 转发 Answer 发送 ICE 候选 转发 ICE 候选 发送 ICE 候选 转发 ICE 候选 对等端 A 信令服务器 对等端 B

这个图展示了一个基本的 WebRTC 信令过程，包括创建 offer、创建 answer 和交换 ICE 候选。

2.2 代码示例

下面是使用 WebRTC API 的 JavaScript 代码示例：

// 创建 RTCPeerConnection 对象
var pc = new RTCPeerConnection();

// 当本地 ICE agent 需要通过信令服务器传递信息给其他对等端时，会触发 icecandidate 事件
pc.onicecandidate = function(event) {
  if (event.candidate) {
    // 发送 ICE 候选到其他对等端
  }
};

// 当远程流添加到连接时，会触发 track 事件
pc.ontrack = function(event) {
  // 使用 event.streams[0] 显示远程视频流
};

// 添加本地流到连接
pc.addTrack(localStream.getTracks()[0], localStream);

// 创建并发送 offer
pc.createOffer().then(function(offer) {
  return pc.setLocalDescription(offer);
}).then(function() {
  // 发送本地描述（offer）到远程对等端
}).catch(function(error) {
  // 处理错误
});

这个代码示例展示了如何创建 RTCPeerConnection 对象，如何处理 ICE 候选和远程流，以及如何添加本地流和创建 offer。实际的 WebRTC 应用可能会更复杂，需要处理更多的情况和事件。

三、RTP/RTCP

3.1 时序图

下面是简化的 RTP/RTCP 会话的时序图：

#mermaid-svg-QgIk5Hn40m9zB4VT {font-family:“trebuchet ms”,verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg-QgIk5Hn40m9zB4VT .error-icon{fill:#552222;}#mermaid-svg-QgIk5Hn40m9zB4VT .error-text{fill:#552222;stroke:#552222;}#mermaid-svg-QgIk5Hn40m9zB4VT .edge-thickness-normal{stroke-width:2px;}#mermaid-svg-QgIk5Hn40m9zB4VT .edge-thickness-thick{stroke-width:3.5px;}#mermaid-svg-QgIk5Hn40m9zB4VT .edge-pattern-solid{stroke-dasharray:0;}#mermaid-svg-QgIk5Hn40m9zB4VT .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-svg-QgIk5Hn40m9zB4VT .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-svg-QgIk5Hn40m9zB4VT .marker{fill:#333333;stroke:#333333;}#mermaid-svg-QgIk5Hn40m9zB4VT .marker.cross{stroke:#333333;}#mermaid-svg-QgIk5Hn40m9zB4VT svg{font-family:“trebuchet ms”,verdana,arial,sans-serif;font-size:16px;}#mermaid-svg-QgIk5Hn40m9zB4VT .actor{stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:#ECECFF;}#mermaid-svg-QgIk5Hn40m9zB4VT text.actor>tspan{fill:black;stroke:none;}#mermaid-svg-QgIk5Hn40m9zB4VT .actor-line{stroke:grey;}#mermaid-svg-QgIk5Hn40m9zB4VT .messageLine0{stroke-width:1.5;stroke-dasharray:none;stroke:#333;}#mermaid-svg-QgIk5Hn40m9zB4VT .messageLine1{stroke-width:1.5;stroke-dasharray:2,2;stroke:#333;}#mermaid-svg-QgIk5Hn40m9zB4VT #arrowhead path{fill:#333;stroke:#333;}#mermaid-svg-QgIk5Hn40m9zB4VT .sequenceNumber{fill:white;}#mermaid-svg-QgIk5Hn40m9zB4VT #sequencenumber{fill:#333;}#mermaid-svg-QgIk5Hn40m9zB4VT #crosshead path{fill:#333;stroke:#333;}#mermaid-svg-QgIk5Hn40m9zB4VT .messageText{fill:#333;stroke:#333;}#mermaid-svg-QgIk5Hn40m9zB4VT .labelBox{stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:#ECECFF;}#mermaid-svg-QgIk5Hn40m9zB4VT .labelText,#mermaid-svg-QgIk5Hn40m9zB4VT .labelText>tspan{fill:black;stroke:none;}#mermaid-svg-QgIk5Hn40m9zB4VT .loopText,#mermaid-svg-QgIk5Hn40m9zB4VT .loopText>tspan{fill:black;stroke:none;}#mermaid-svg-QgIk5Hn40m9zB4VT .loopLine{stroke-width:2px;stroke-dasharray:2,2;stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);}#mermaid-svg-QgIk5Hn40m9zB4VT .note{stroke:#aaaa33;fill:#fff5ad;}#mermaid-svg-QgIk5Hn40m9zB4VT .noteText,#mermaid-svg-QgIk5Hn40m9zB4VT .noteText>tspan{fill:black;stroke:none;}#mermaid-svg-QgIk5Hn40m9zB4VT .activation0{fill:#f4f4f4;stroke:#666;}#mermaid-svg-QgIk5Hn40m9zB4VT .activation1{fill:#f4f4f4;stroke:#666;}#mermaid-svg-QgIk5Hn40m9zB4VT .activation2{fill:#f4f4f4;stroke:#666;}#mermaid-svg-QgIk5Hn40m9zB4VT .actorPopupMenu{position:absolute;}#mermaid-svg-QgIk5Hn40m9zB4VT .actorPopupMenuPanel{position:absolute;fill:#ECECFF;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);filter:drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4));}#mermaid-svg-QgIk5Hn40m9zB4VT .actor-man line{stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:#ECECFF;}#mermaid-svg-QgIk5Hn40m9zB4VT .actor-man circle,#mermaid-svg-QgIk5Hn40m9zB4VT line{stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:#ECECFF;stroke-width:2px;}#mermaid-svg-QgIk5Hn40m9zB4VT :root{–mermaid-font-family:“trebuchet ms”,verdana,arial,sans-serif;} 发送端 接收端 发送 RTP 数据包 发送 RTCP 接收报告 发送 RTCP 发送报告 发送端 接收端

这个图展示了一个基本的 RTP/RTCP 会话过程，包括发送 RTP 数据包，以及发送和接收 RTCP 报告。

3.2 代码示例

下面是使用 RTP/RTCP 的 Python 代码示例：

import socket
import struct

# 创建 UDP 套接字
sock = socket.socket(socket.AF_INET, socket.SOCK_DGRAM)

# RTP 数据包头部格式
rtp_header = struct.pack('!BBHII', 0x80, 0x60, 1, 0, 0)

# RTP 负载（例如音频或视频数据）
rtp_payload = b'...'

# 创建 RTP 数据包
rtp_packet = rtp_header + rtp_payload

# 发送 RTP 数据包
sock.sendto(rtp_packet, ('192.0.2.1', 5004))

# RTCP 接收报告头部格式
rtcp_header = struct.pack('!BBHII', 0x81, 0xc9, 1, 0, 0)

# RTCP 接收报告负载
rtcp_payload = b'...'

# 创建 RTCP 接收报告
rtcp_packet = rtcp_header + rtcp_payload

# 发送 RTCP 接收报告
sock.sendto(rtcp_packet, ('192.0.2.1', 5005))

这个代码示例展示了如何创建和发送 RTP 数据包和 RTCP 接收报告。实际的 RTP/RTCP 应用可能会更复杂，需要处理更多的情况和事件。

四、RTMP

4.1 时序图

下面是简化的 RTMP 会话的时序图：

#mermaid-svg-dh7tVuXoqhK2KbEa {font-family:“trebuchet ms”,verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg-dh7tVuXoqhK2KbEa .error-icon{fill:#552222;}#mermaid-svg-dh7tVuXoqhK2KbEa .error-text{fill:#552222;stroke:#552222;}#mermaid-svg-dh7tVuXoqhK2KbEa .edge-thickness-normal{stroke-width:2px;}#mermaid-svg-dh7tVuXoqhK2KbEa .edge-thickness-thick{stroke-width:3.5px;}#mermaid-svg-dh7tVuXoqhK2KbEa .edge-pattern-solid{stroke-dasharray:0;}#mermaid-svg-dh7tVuXoqhK2KbEa .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-svg-dh7tVuXoqhK2KbEa .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-svg-dh7tVuXoqhK2KbEa .marker{fill:#333333;stroke:#333333;}#mermaid-svg-dh7tVuXoqhK2KbEa .marker.cross{stroke:#333333;}#mermaid-svg-dh7tVuXoqhK2KbEa svg{font-family:“trebuchet ms”,verdana,arial,sans-serif;font-size:16px;}#mermaid-svg-dh7tVuXoqhK2KbEa .actor{stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:#ECECFF;}#mermaid-svg-dh7tVuXoqhK2KbEa text.actor>tspan{fill:black;stroke:none;}#mermaid-svg-dh7tVuXoqhK2KbEa .actor-line{stroke:grey;}#mermaid-svg-dh7tVuXoqhK2KbEa .messageLine0{stroke-width:1.5;stroke-dasharray:none;stroke:#333;}#mermaid-svg-dh7tVuXoqhK2KbEa .messageLine1{stroke-width:1.5;stroke-dasharray:2,2;stroke:#333;}#mermaid-svg-dh7tVuXoqhK2KbEa #arrowhead path{fill:#333;stroke:#333;}#mermaid-svg-dh7tVuXoqhK2KbEa .sequenceNumber{fill:white;}#mermaid-svg-dh7tVuXoqhK2KbEa #sequencenumber{fill:#333;}#mermaid-svg-dh7tVuXoqhK2KbEa #crosshead path{fill:#333;stroke:#333;}#mermaid-svg-dh7tVuXoqhK2KbEa .messageText{fill:#333;stroke:#333;}#mermaid-svg-dh7tVuXoqhK2KbEa .labelBox{stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:#ECECFF;}#mermaid-svg-dh7tVuXoqhK2KbEa .labelText,#mermaid-svg-dh7tVuXoqhK2KbEa .labelText>tspan{fill:black;stroke:none;}#mermaid-svg-dh7tVuXoqhK2KbEa .loopText,#mermaid-svg-dh7tVuXoqhK2KbEa .loopText>tspan{fill:black;stroke:none;}#mermaid-svg-dh7tVuXoqhK2KbEa .loopLine{stroke-width:2px;stroke-dasharray:2,2;stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);}#mermaid-svg-dh7tVuXoqhK2KbEa .note{stroke:#aaaa33;fill:#fff5ad;}#mermaid-svg-dh7tVuXoqhK2KbEa .noteText,#mermaid-svg-dh7tVuXoqhK2KbEa .noteText>tspan{fill:black;stroke:none;}#mermaid-svg-dh7tVuXoqhK2KbEa .activation0{fill:#f4f4f4;stroke:#666;}#mermaid-svg-dh7tVuXoqhK2KbEa .activation1{fill:#f4f4f4;stroke:#666;}#mermaid-svg-dh7tVuXoqhK2KbEa .activation2{fill:#f4f4f4;stroke:#666;}#mermaid-svg-dh7tVuXoqhK2KbEa .actorPopupMenu{position:absolute;}#mermaid-svg-dh7tVuXoqhK2KbEa .actorPopupMenuPanel{position:absolute;fill:#ECECFF;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);filter:drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4));}#mermaid-svg-dh7tVuXoqhK2KbEa .actor-man line{stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:#ECECFF;}#mermaid-svg-dh7tVuXoqhK2KbEa .actor-man circle,#mermaid-svg-dh7tVuXoqhK2KbEa line{stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:#ECECFF;stroke-width:2px;}#mermaid-svg-dh7tVuXoqhK2KbEa :root{–mermaid-font-family:“trebuchet ms”,verdana,arial,sans-serif;} 客户端 服务器 发送握手请求 发送握手响应 发送连接命令（connect） 发送连接成功响应（_result） 发送发布流命令（publish） 发送发布流成功响应（onStatus） 发送媒体数据 客户端 服务器

这个图展示了一个基本的 RTMP 会话过程，包括握手、连接、发布流和发送媒体数据。

4.2 代码示例

下面是使用 RTMP 的 Python 代码示例：

import librtmp

# 创建 RTMP 连接
conn = librtmp.RTMP("rtmp://example.com/live", live=True)

# 连接到服务器
conn.connect()

# 创建 RTMP 流
stream = conn.create_stream()

# 发送媒体数据
stream.write(b'...')

# 关闭连接
conn.close()

这个代码示例展示了如何创建 RTMP 连接，如何连接到服务器，如何创建 RTMP 流，以及如何发送媒体数据。实际的 RTMP 应用可能会更复杂，需要处理更多的情况和事件。

五、HLS

5.1 时序图

下面是简化的 HLS（HTTP Live Streaming）会话的时序图：

#mermaid-svg-pQ7XjfqGgozEnJp8 {font-family:“trebuchet ms”,verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg-pQ7XjfqGgozEnJp8 .error-icon{fill:#552222;}#mermaid-svg-pQ7XjfqGgozEnJp8 .error-text{fill:#552222;stroke:#552222;}#mermaid-svg-pQ7XjfqGgozEnJp8 .edge-thickness-normal{stroke-width:2px;}#mermaid-svg-pQ7XjfqGgozEnJp8 .edge-thickness-thick{stroke-width:3.5px;}#mermaid-svg-pQ7XjfqGgozEnJp8 .edge-pattern-solid{stroke-dasharray:0;}#mermaid-svg-pQ7XjfqGgozEnJp8 .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-svg-pQ7XjfqGgozEnJp8 .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-svg-pQ7XjfqGgozEnJp8 .marker{fill:#333333;stroke:#333333;}#mermaid-svg-pQ7XjfqGgozEnJp8 .marker.cross{stroke:#333333;}#mermaid-svg-pQ7XjfqGgozEnJp8 svg{font-family:“trebuchet ms”,verdana,arial,sans-serif;font-size:16px;}#mermaid-svg-pQ7XjfqGgozEnJp8 .actor{stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:#ECECFF;}#mermaid-svg-pQ7XjfqGgozEnJp8 text.actor>tspan{fill:black;stroke:none;}#mermaid-svg-pQ7XjfqGgozEnJp8 .actor-line{stroke:grey;}#mermaid-svg-pQ7XjfqGgozEnJp8 .messageLine0{stroke-width:1.5;stroke-dasharray:none;stroke:#333;}#mermaid-svg-pQ7XjfqGgozEnJp8 .messageLine1{stroke-width:1.5;stroke-dasharray:2,2;stroke:#333;}#mermaid-svg-pQ7XjfqGgozEnJp8 #arrowhead path{fill:#333;stroke:#333;}#mermaid-svg-pQ7XjfqGgozEnJp8 .sequenceNumber{fill:white;}#mermaid-svg-pQ7XjfqGgozEnJp8 #sequencenumber{fill:#333;}#mermaid-svg-pQ7XjfqGgozEnJp8 #crosshead path{fill:#333;stroke:#333;}#mermaid-svg-pQ7XjfqGgozEnJp8 .messageText{fill:#333;stroke:#333;}#mermaid-svg-pQ7XjfqGgozEnJp8 .labelBox{stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:#ECECFF;}#mermaid-svg-pQ7XjfqGgozEnJp8 .labelText,#mermaid-svg-pQ7XjfqGgozEnJp8 .labelText>tspan{fill:black;stroke:none;}#mermaid-svg-pQ7XjfqGgozEnJp8 .loopText,#mermaid-svg-pQ7XjfqGgozEnJp8 .loopText>tspan{fill:black;stroke:none;}#mermaid-svg-pQ7XjfqGgozEnJp8 .loopLine{stroke-width:2px;stroke-dasharray:2,2;stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);}#mermaid-svg-pQ7XjfqGgozEnJp8 .note{stroke:#aaaa33;fill:#fff5ad;}#mermaid-svg-pQ7XjfqGgozEnJp8 .noteText,#mermaid-svg-pQ7XjfqGgozEnJp8 .noteText>tspan{fill:black;stroke:none;}#mermaid-svg-pQ7XjfqGgozEnJp8 .activation0{fill:#f4f4f4;stroke:#666;}#mermaid-svg-pQ7XjfqGgozEnJp8 .activation1{fill:#f4f4f4;stroke:#666;}#mermaid-svg-pQ7XjfqGgozEnJp8 .activation2{fill:#f4f4f4;stroke:#666;}#mermaid-svg-pQ7XjfqGgozEnJp8 .actorPopupMenu{position:absolute;}#mermaid-svg-pQ7XjfqGgozEnJp8 .actorPopupMenuPanel{position:absolute;fill:#ECECFF;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);filter:drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4));}#mermaid-svg-pQ7XjfqGgozEnJp8 .actor-man line{stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:#ECECFF;}#mermaid-svg-pQ7XjfqGgozEnJp8 .actor-man circle,#mermaid-svg-pQ7XjfqGgozEnJp8 line{stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:#ECECFF;stroke-width:2px;}#mermaid-svg-pQ7XjfqGgozEnJp8 :root{–mermaid-font-family:“trebuchet ms”,verdana,arial,sans-serif;} 客户端 服务器 请求播放列表文件（m3u8） 返回播放列表文件 请求媒体分段文件（ts） 返回媒体分段文件 播放媒体分段 请求下一个媒体分段文件 返回下一个媒体分段文件 继续播放媒体分段 客户端 服务器

这个图展示了一个基本的 HLS 会话过程，包括请求和接收播放列表文件，请求和接收媒体分段文件，以及播放媒体分段。

5.2 代码示例

下面是使用 HLS 的 Python 代码示例：

import requests
import m3u8

# 请求播放列表文件
response = requests.get('http://example.com/stream.m3u8')

# 解析播放列表文件
playlist = m3u8.loads(response.text)

# 请求第一个媒体分段文件
segment = requests.get('http://example.com/' + playlist.segments[0].uri)

# 保存媒体分段文件
with open('segment.ts', 'wb') as f:
    f.write(segment.content)

这个代码示例展示了如何请求和解析播放列表文件，如何请求媒体分段文件，以及如何保存媒体分段文件。实际的 HLS 应用可能会更复杂，需要处理更多的情况和事件。

六、总结

本文对多种实时通信协议进行了详细的比较和分析，包括 WebRTC、RTP/RTCP、RTMP、HLS 和 FLV。每种协议的职责、适用场景和用法都被清晰地列出，并通过时序图和代码示例进一步阐明了其工作原理。WebRTC 适用于低延迟的实时通信，RTP/RTCP 专注于音视频数据的实时传输，RTMP 提供稳定的数据传输，HLS 适应网络变化并易于穿越防火墙，而 FLV 和 MP4 则是常用的视频格式。通过这些信息，开发者可以根据具体需求选择合适的协议。