Created
May 12, 2022 01:12
-
-
Save martinthomson/f80426a077cbb15c1fc6c773453bd4d0 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="256" width="464" viewBox="0 0 464 256" class="diagram" text-anchor="middle" font-family="monospace" font-size="13px"> | |
<path d="M 104,16 L 104,224" fill="none" stroke="black"/> | |
<path d="M 240,16 L 240,224" fill="none" stroke="black"/> | |
<path d="M 104,16 L 240,16" fill="none" stroke="black"/> | |
<path d="M 232,32 L 264,32" fill="none" stroke="black"/> | |
<path d="M 232,64 L 264,64" fill="none" stroke="black"/> | |
<path d="M 64,96 L 80,96" fill="none" stroke="black"/> | |
<path d="M 232,96 L 264,96" fill="none" stroke="black"/> | |
<path d="M 232,128 L 264,128" fill="none" stroke="black"/> | |
<path d="M 232,144 L 264,144" fill="none" stroke="black"/> | |
<path d="M 232,176 L 264,176" fill="none" stroke="black"/> | |
<path d="M 232,208 L 264,208" fill="none" stroke="black"/> | |
<path d="M 104,224 L 240,224" fill="none" stroke="black"/> | |
<polygon class="arrowhead" points="272,208 260,202.4 260,213.6 " fill="black" transform="rotate(0,264,208)"/> | |
<polygon class="arrowhead" points="272,176 260,170.4 260,181.6 " fill="black" transform="rotate(0,264,176)"/> | |
<polygon class="arrowhead" points="272,144 260,138.4 260,149.6 " fill="black" transform="rotate(0,264,144)"/> | |
<polygon class="arrowhead" points="272,128 260,122.4 260,133.6 " fill="black" transform="rotate(0,264,128)"/> | |
<polygon class="arrowhead" points="272,96 260,90.4 260,101.6 " fill="black" transform="rotate(0,264,96)"/> | |
<polygon class="arrowhead" points="272,64 260,58.4 260,69.6 " fill="black" transform="rotate(0,264,64)"/> | |
<polygon class="arrowhead" points="272,32 260,26.4 260,37.6 " fill="black" transform="rotate(0,264,32)"/> | |
<polygon class="arrowhead" points="88,96 76,90.4 76,101.6 " fill="black" transform="rotate(0,80,96)"/> | |
<g class="text"> | |
<text x="196" y="36">[0..3]</text> | |
<text x="336" y="36">forward to STUN</text> | |
<text x="188" y="68">[16..19]</text> | |
<text x="336" y="68">forward to ZRTP</text> | |
<text x="28" y="100">packet</text> | |
<text x="188" y="100">[20..63]</text> | |
<text x="336" y="100">forward to DTLS</text> | |
<text x="188" y="132">[64..79]</text> | |
<text x="368" y="132">forward to TURN Channel</text> | |
<text x="184" y="148">[64..127]</text> | |
<text x="336" y="148">forward to QUIC</text> | |
<text x="332" y="164">(Short Header)</text> | |
<text x="180" y="180">[128..191]</text> | |
<text x="352" y="180">forward to RTP/RTCP</text> | |
<text x="180" y="212">[192..255]</text> | |
<text x="336" y="212">forward to QUIC</text> | |
<text x="328" y="228">(Long Header)</text> | |
</g> | |
</svg> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment