Skip to content

Instantly share code, notes, and snippets.

@martinthomson
Created May 12, 2022 01:12
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save martinthomson/f80426a077cbb15c1fc6c773453bd4d0 to your computer and use it in GitHub Desktop.
Save martinthomson/f80426a077cbb15c1fc6c773453bd4d0 to your computer and use it in GitHub Desktop.
Display the source blob
Display the rendered blob
Raw
<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