2011/webrtc/editor/images ladder-2party-full.svg,NONE,1.1 ladder-2party-simple.svg,NONE,1.1 ladder-mcu-simple.svg,NONE,1.1

Update of /sources/public/2011/webrtc/editor/images
In directory hutz:/tmp/cvs-serv25624/editor/images

Added Files:
	ladder-2party-full.svg ladder-2party-simple.svg 
	ladder-mcu-simple.svg 
Log Message:
Add call graph images


--- NEW FILE: ladder-mcu-simple.svg ---
<svg baseProfile="full" xmlns="http://www.w3.org/2000/svg" width="975" height="720">
<text x="525" y="20"  text-anchor="middle">Simple hangout where media set is overlapped with hair check</text>
<text x="75" y="60"  text-anchor="middle">Alice</text>
<line x1="75" y1="80" x2="75" y2="640" width = "1" stroke="black"/>
<text x="75" y="680"  text-anchor="middle">Alice</text>
<text x="225" y="60"  text-anchor="middle">Alice's Browser</text>
<line x1="225" y1="80" x2="225" y2="640" width = "1" stroke="black"/>
<text x="225" y="680"  text-anchor="middle">Alice's Browser</text>
<text x="375" y="60"  text-anchor="middle">Alice's App</text>
<line x1="375" y1="80" x2="375" y2="640" width = "1" stroke="black"/>
<text x="375" y="680"  text-anchor="middle">Alice's App</text>
<text x="525" y="60"  text-anchor="middle">Alice's Turn</text>
<line x1="525" y1="80" x2="525" y2="640" width = "1" stroke="black"/>
<text x="525" y="680"  text-anchor="middle">Alice's Turn</text>
<text x="675" y="60"  text-anchor="middle">Web Server Browse</text>
<line x1="675" y1="80" x2="675" y2="640" width = "1" stroke="black"/>
<text x="675" y="680"  text-anchor="middle">Web Server Browse</text>
<text x="825" y="60"  text-anchor="middle">Media Switch</text>
<line x1="825" y1="80" x2="825" y2="640" width = "1" stroke="black"/>
<text x="825" y="680"  text-anchor="middle">Media Switch</text>
<line x1="225" y1="120" x2="675" y2="120" width = "1" stroke="black"/>
<line x1="675" y1="120" x2="668" y2="113"  transform="rotate(0, 675, 120)"  width="1"  stroke="black"/><line x1="675" y1="120" x2="668" y2="127"  transform="rotate(0, 675, 120)"  width="1"  stroke="black"/><line x1="225" y1="120" x2="232" y2="113"  transform="rotate(0, 225, 120)"  width="1"  stroke="black"/><line x1="225" y1="120" x2="232" y2="127"  transform="rotate(0, 225, 120)"  width="1"  stroke="black"/><text x="450" y="117"  text-anchor="middle"  transform="rotate(0, 450, 117)"  fill = "black" >1. Load Page </text>
<line x1="375" y1="140" x2="675" y2="140" width = "1" stroke="black"/>
<line x1="675" y1="140" x2="668" y2="133"  transform="rotate(0, 675, 140)"  width="1"  stroke="black"/><line x1="675" y1="140" x2="668" y2="147"  transform="rotate(0, 675, 140)"  width="1"  stroke="black"/><line x1="375" y1="140" x2="382" y2="133"  transform="rotate(0, 375, 140)"  width="1"  stroke="black"/><line x1="375" y1="140" x2="382" y2="147"  transform="rotate(0, 375, 140)"  width="1"  stroke="black"/><text x="525" y="137"  text-anchor="middle"  transform="rotate(0, 525, 137)"  fill = "black" >2. Authenticate</text>
<line x1="675" y1="160" x2="825" y2="160" width = "1" stroke="black"/>
<line x1="825" y1="160" x2="818" y2="153"  transform="rotate(0, 825, 160)"  width="1"  stroke="black"/><line x1="825" y1="160" x2="818" y2="167"  transform="rotate(0, 825, 160)"  width="1"  stroke="black"/><line x1="675" y1="160" x2="682" y2="153"  transform="rotate(0, 675, 160)"  width="1"  stroke="black"/><line x1="675" y1="160" x2="682" y2="167"  transform="rotate(0, 675, 160)"  width="1"  stroke="black"/><text x="750" y="157"  text-anchor="middle"  transform="rotate(0, 750, 157)"  fill = "black" >3. stuff</text>
<line x1="675" y1="180" x2="375" y2="180" width = "1" stroke="black"/>
<line x1="375" y1="180" x2="382" y2="173"  transform="rotate(0, 375, 180)"  width="1"  stroke="black"/><line x1="375" y1="180" x2="382" y2="187"  transform="rotate(0, 375, 180)"  width="1"  stroke="black"/><text x="672" y="177"  text-anchor="end"  transform="rotate(0, 672, 177)"  fill = "black" >4. Offer </text>
<line x1="375" y1="200" x2="75" y2="200" width = "1" stroke="black"/>
<line x1="75" y1="200" x2="82" y2="193"  transform="rotate(0, 75, 200)"  width="1"  stroke="black"/><line x1="75" y1="200" x2="82" y2="207"  transform="rotate(0, 75, 200)"  width="1"  stroke="black"/><text x="372" y="197"  text-anchor="end"  transform="rotate(0, 372, 197)"  fill = "black" >5. Check Hair</text>
<line x1="375" y1="220" x2="225" y2="220" width = "1" stroke="black"/>
<line x1="225" y1="220" x2="232" y2="213"  transform="rotate(0, 225, 220)"  width="1"  stroke="black"/><line x1="225" y1="220" x2="232" y2="227"  transform="rotate(0, 225, 220)"  width="1"  stroke="black"/><text x="372" y="217"  text-anchor="end"  transform="rotate(0, 372, 217)"  fill = "black" >6. create PeerConnection()</text>
<line x1="225" y1="240" x2="525" y2="240" width = "1" stroke="black"/>
<line x1="525" y1="240" x2="518" y2="233"  transform="rotate(0, 525, 240)"  width="1"  stroke="black"/><line x1="525" y1="240" x2="518" y2="247"  transform="rotate(0, 525, 240)"  width="1"  stroke="black"/><text x="228" y="237"  text-anchor="start"  transform="rotate(0, 228, 237)"  fill = "black" >7. Alloc</text>
<line x1="375" y1="260" x2="225" y2="260" width = "1" stroke="black"/>
<line x1="225" y1="260" x2="232" y2="253"  transform="rotate(0, 225, 260)"  width="1"  stroke="black"/><line x1="225" y1="260" x2="232" y2="267"  transform="rotate(0, 225, 260)"  width="1"  stroke="black"/><text x="372" y="257"  text-anchor="end"  transform="rotate(0, 372, 257)"  fill = "black" >8. SetRemote( Offer ) </text>
<line x1="375" y1="280" x2="225" y2="280" width = "1" stroke="black"/>
<line x1="225" y1="280" x2="232" y2="273"  transform="rotate(0, 225, 280)"  width="1"  stroke="black"/><line x1="225" y1="280" x2="232" y2="287"  transform="rotate(0, 225, 280)"  width="1"  stroke="black"/><text x="372" y="277"  text-anchor="end"  transform="rotate(0, 372, 277)"  fill = "black" >9. createAnswer(  Provisional )</text>
<line x1="525" y1="300" x2="225" y2="300" width = "1" stroke="black"/>
<line x1="225" y1="300" x2="232" y2="293"  transform="rotate(0, 225, 300)"  width="1"  stroke="black"/><line x1="225" y1="300" x2="232" y2="307"  transform="rotate(0, 225, 300)"  width="1"  stroke="black"/><text x="522" y="297"  text-anchor="end"  transform="rotate(0, 522, 297)"  fill = "black" >10. IPs and Ports</text>
<line x1="225" y1="320" x2="375" y2="320" width = "1" stroke="black"/>
<line x1="375" y1="320" x2="368" y2="313"  transform="rotate(0, 375, 320)"  width="1"  stroke="black"/><line x1="375" y1="320" x2="368" y2="327"  transform="rotate(0, 375, 320)"  width="1"  stroke="black"/><text x="228" y="317"  text-anchor="start"  transform="rotate(0, 228, 317)"  fill = "black" >11. answer </text>
<line x1="375" y1="340" x2="225" y2="340" width = "1" stroke="black"/>
<line x1="225" y1="340" x2="232" y2="333"  transform="rotate(0, 225, 340)"  width="1"  stroke="black"/><line x1="225" y1="340" x2="232" y2="347"  transform="rotate(0, 225, 340)"  width="1"  stroke="black"/><text x="372" y="337"  text-anchor="end"  transform="rotate(0, 372, 337)"  fill = "black" >12. setLocal</text>
<line x1="225" y1="360" x2="375" y2="360" width = "1" stroke="black"/>
<line x1="375" y1="360" x2="368" y2="353"  transform="rotate(0, 375, 360)"  width="1"  stroke="black"/><line x1="375" y1="360" x2="368" y2="367"  transform="rotate(0, 375, 360)"  width="1"  stroke="black"/><text x="228" y="357"  text-anchor="start"  transform="rotate(0, 228, 357)"  fill = "black" >13. onRemoteStream main</text>
<line x1="225" y1="380" x2="375" y2="380" width = "1" stroke="black"/>
<line x1="375" y1="380" x2="368" y2="373"  transform="rotate(0, 375, 380)"  width="1"  stroke="black"/><line x1="375" y1="380" x2="368" y2="387"  transform="rotate(0, 375, 380)"  width="1"  stroke="black"/><text x="228" y="377"  text-anchor="start"  transform="rotate(0, 228, 377)"  fill = "black" >14. onRemoteStream thumbnail one</text>
<line x1="225" y1="400" x2="375" y2="400" width = "1" stroke="black"/>
<line x1="375" y1="400" x2="368" y2="393"  transform="rotate(0, 375, 400)"  width="1"  stroke="black"/><line x1="375" y1="400" x2="368" y2="407"  transform="rotate(0, 375, 400)"  width="1"  stroke="black"/><text x="228" y="397"  text-anchor="start"  transform="rotate(0, 228, 397)"  fill = "black" >15. onRemoteStream thumbnail two</text>
<line x1="225" y1="420" x2="825" y2="420" width = "1" stroke="black"/>
<line x1="825" y1="420" x2="818" y2="413"  transform="rotate(0, 825, 420)"  width="1"  stroke="black"/><line x1="825" y1="420" x2="818" y2="427"  transform="rotate(0, 825, 420)"  width="1"  stroke="black"/><line x1="225" y1="420" x2="232" y2="413"  transform="rotate(0, 225, 420)"  width="1"  stroke="black"/><line x1="225" y1="420" x2="232" y2="427"  transform="rotate(0, 225, 420)"  width="1"  stroke="black"/><text x="525" y="417"  text-anchor="middle"  transform="rotate(0, 525, 417)"  fill = "black" >16. ICE</text>
<line x1="675" y1="440" x2="825" y2="440" width = "1" stroke="black"/>
<line x1="825" y1="440" x2="818" y2="433"  transform="rotate(0, 825, 440)"  width="1"  stroke="black"/><line x1="825" y1="440" x2="818" y2="447"  transform="rotate(0, 825, 440)"  width="1"  stroke="black"/><text x="678" y="437"  text-anchor="start"  transform="rotate(0, 678, 437)"  fill = "black" >17. stuff</text>
<line x1="375" y1="340" x2="675" y2="440" width = "1" stroke="black"/>
<line x1="675" y1="440" x2="668" y2="433"  transform="rotate(18.4442992966228, 675, 440)"  width="1"  stroke="black"/><line x1="675" y1="440" x2="668" y2="447"  transform="rotate(18.4442992966228, 675, 440)"  width="1"  stroke="black"/><text x="378" y="337"  text-anchor="start"  transform="rotate(18.4442992966228, 378, 337)"  fill = "black" >18. answer </text>
<line x1="225" y1="460" x2="825" y2="460" width = "1" stroke="black"/>
<line x1="825" y1="460" x2="818" y2="453"  transform="rotate(0, 825, 460)"  width="1"  stroke="black"/><line x1="825" y1="460" x2="818" y2="467"  transform="rotate(0, 825, 460)"  width="1"  stroke="black"/><line x1="225" y1="460" x2="232" y2="453"  transform="rotate(0, 225, 460)"  width="1"  stroke="black"/><line x1="225" y1="460" x2="232" y2="467"  transform="rotate(0, 225, 460)"  width="1"  stroke="black"/><text x="525" y="457"  text-anchor="middle"  transform="rotate(0, 525, 457)"  fill = "black" >19. DTLS</text>
<line x1="225" y1="480" x2="825" y2="480" width = "1" stroke="black"/>
<line x1="825" y1="480" x2="818" y2="473"  transform="rotate(0, 825, 480)"  width="1"  stroke="black"/><line x1="825" y1="480" x2="818" y2="487"  transform="rotate(0, 825, 480)"  width="1"  stroke="black"/><line x1="225" y1="480" x2="232" y2="473"  transform="rotate(0, 225, 480)"  width="1"  stroke="black"/><line x1="225" y1="480" x2="232" y2="487"  transform="rotate(0, 225, 480)"  width="1"  stroke="black"/><text x="525" y="477"  text-anchor="middle"  transform="rotate(0, 525, 477)"  fill = "black" >20. SRTP</text>
<line x1="75" y1="500" x2="375" y2="500" width = "1" stroke="black"/>
<line x1="375" y1="500" x2="368" y2="493"  transform="rotate(0, 375, 500)"  width="1"  stroke="black"/><line x1="375" y1="500" x2="368" y2="507"  transform="rotate(0, 375, 500)"  width="1"  stroke="black"/><text x="78" y="497"  text-anchor="start"  transform="rotate(0, 78, 497)"  fill = "black" >21. Hair is fluffy </text>
<line x1="375" y1="520" x2="225" y2="520" width = "1" stroke="black"/>
<line x1="225" y1="520" x2="232" y2="513"  transform="rotate(0, 225, 520)"  width="1"  stroke="black"/><line x1="225" y1="520" x2="232" y2="527"  transform="rotate(0, 225, 520)"  width="1"  stroke="black"/><text x="372" y="517"  text-anchor="end"  transform="rotate(0, 372, 517)"  fill = "black" >22. addStream audio/video</text>
<line x1="375" y1="540" x2="225" y2="540" width = "1" stroke="black"/>
<line x1="225" y1="540" x2="232" y2="533"  transform="rotate(0, 225, 540)"  width="1"  stroke="black"/><line x1="225" y1="540" x2="232" y2="547"  transform="rotate(0, 225, 540)"  width="1"  stroke="black"/><text x="372" y="537"  text-anchor="end"  transform="rotate(0, 372, 537)"  fill = "black" >23. createAnswer</text>
<line x1="225" y1="560" x2="375" y2="560" width = "1" stroke="black"/>
<line x1="375" y1="560" x2="368" y2="553"  transform="rotate(0, 375, 560)"  width="1"  stroke="black"/><line x1="375" y1="560" x2="368" y2="567"  transform="rotate(0, 375, 560)"  width="1"  stroke="black"/><text x="228" y="557"  text-anchor="start"  transform="rotate(0, 228, 557)"  fill = "black" >24. answer</text>
<line x1="375" y1="580" x2="225" y2="580" width = "1" stroke="black"/>
<line x1="225" y1="580" x2="232" y2="573"  transform="rotate(0, 225, 580)"  width="1"  stroke="black"/><line x1="225" y1="580" x2="232" y2="587"  transform="rotate(0, 225, 580)"  width="1"  stroke="black"/><text x="372" y="577"  text-anchor="end"  transform="rotate(0, 372, 577)"  fill = "black" >25. setLocal</text>
<line x1="675" y1="600" x2="825" y2="600" width = "1" stroke="black"/>
<line x1="825" y1="600" x2="818" y2="593"  transform="rotate(0, 825, 600)"  width="1"  stroke="black"/><line x1="825" y1="600" x2="818" y2="607"  transform="rotate(0, 825, 600)"  width="1"  stroke="black"/><text x="678" y="597"  text-anchor="start"  transform="rotate(0, 678, 597)"  fill = "black" >26. stuff</text>
<line x1="375" y1="580" x2="675" y2="600" width = "1" stroke="black"/>
<line x1="675" y1="600" x2="668" y2="593"  transform="rotate(3.816009388423021, 675, 600)"  width="1"  stroke="black"/><line x1="675" y1="600" x2="668" y2="607"  transform="rotate(3.816009388423021, 675, 600)"  width="1"  stroke="black"/><text x="378" y="577"  text-anchor="start"  transform="rotate(3.816009388423021, 378, 577)"  fill = "black" >27. answer </text>
<line x1="225" y1="620" x2="825" y2="620" width = "1" stroke="black"/>
<line x1="825" y1="620" x2="818" y2="613"  transform="rotate(0, 825, 620)"  width="1"  stroke="black"/><line x1="825" y1="620" x2="818" y2="627"  transform="rotate(0, 825, 620)"  width="1"  stroke="black"/><line x1="225" y1="620" x2="232" y2="613"  transform="rotate(0, 225, 620)"  width="1"  stroke="black"/><line x1="225" y1="620" x2="232" y2="627"  transform="rotate(0, 225, 620)"  width="1"  stroke="black"/><text x="525" y="617"  text-anchor="middle"  transform="rotate(0, 525, 617)"  fill = "black" >28. SRTP</text>
</svg>
--- NEW FILE: ladder-2party-full.svg ---
<svg baseProfile="full" xmlns="http://www.w3.org/2000/svg" width="1425" height="1520">
<text x="750" y="20"  text-anchor="middle">Call showing all callback - this is far from complete </text>
<text x="75" y="60"  text-anchor="middle">Alice's Turn</text>
<line x1="75" y1="80" x2="75" y2="1440" width = "1" stroke="black"/>
<text x="75" y="1480"  text-anchor="middle">Alice's Turn</text>
<text x="225" y="60"  text-anchor="middle">Alice's Browser</text>
<line x1="225" y1="80" x2="225" y2="1440" width = "1" stroke="black"/>
<text x="225" y="1480"  text-anchor="middle">Alice's Browser</text>
<text x="375" y="60"  text-anchor="middle">Alice's App</text>
<line x1="375" y1="80" x2="375" y2="1440" width = "1" stroke="black"/>
<text x="375" y="1480"  text-anchor="middle">Alice's App</text>
<text x="525" y="60"  text-anchor="middle">Alice</text>
<line x1="525" y1="80" x2="525" y2="1440" width = "1" stroke="black"/>
<text x="525" y="1480"  text-anchor="middle">Alice</text>
<text x="675" y="60"  text-anchor="middle">Web Server Browse</text>
<line x1="675" y1="80" x2="675" y2="1440" width = "1" stroke="black"/>
<text x="675" y="1480"  text-anchor="middle">Web Server Browse</text>
<text x="825" y="60"  text-anchor="middle">Bob</text>
<line x1="825" y1="80" x2="825" y2="1440" width = "1" stroke="black"/>
<text x="825" y="1480"  text-anchor="middle">Bob</text>
<text x="975" y="60"  text-anchor="middle">Bob's App</text>
<line x1="975" y1="80" x2="975" y2="1440" width = "1" stroke="black"/>
<text x="975" y="1480"  text-anchor="middle">Bob's App</text>
<text x="1125" y="60"  text-anchor="middle">Bob's Browse</text>
<line x1="1125" y1="80" x2="1125" y2="1440" width = "1" stroke="black"/>
<text x="1125" y="1480"  text-anchor="middle">Bob's Browse</text>
<text x="1275" y="60"  text-anchor="middle">Bob's Turn</text>
<line x1="1275" y1="80" x2="1275" y2="1440" width = "1" stroke="black"/>
<text x="1275" y="1480"  text-anchor="middle">Bob's Turn</text>
<line x1="225" y1="120" x2="675" y2="120" width = "1" stroke="black"/>
<line x1="675" y1="120" x2="668" y2="113"  transform="rotate(0, 675, 120)"  width="1"  stroke="black"/><line x1="675" y1="120" x2="668" y2="127"  transform="rotate(0, 675, 120)"  width="1"  stroke="black"/><line x1="225" y1="120" x2="232" y2="113"  transform="rotate(0, 225, 120)"  width="1"  stroke="black"/><line x1="225" y1="120" x2="232" y2="127"  transform="rotate(0, 225, 120)"  width="1"  stroke="black"/><text x="450" y="117"  text-anchor="middle"  transform="rotate(0, 450, 117)"  fill = "black" >1. Load Page </text>
<line x1="225" y1="140" x2="675" y2="140" width = "1" stroke="black"/>
<line x1="675" y1="140" x2="668" y2="133"  transform="rotate(0, 675, 140)"  width="1"  stroke="black"/><line x1="675" y1="140" x2="668" y2="147"  transform="rotate(0, 675, 140)"  width="1"  stroke="black"/><line x1="225" y1="140" x2="232" y2="133"  transform="rotate(0, 225, 140)"  width="1"  stroke="black"/><line x1="225" y1="140" x2="232" y2="147"  transform="rotate(0, 225, 140)"  width="1"  stroke="black"/><text x="450" y="137"  text-anchor="middle"  transform="rotate(0, 450, 137)"  fill = "black" >2. Authenticate</text>
<line x1="375" y1="160" x2="225" y2="160" width = "1" stroke="black"/>
<line x1="225" y1="160" x2="232" y2="153"  transform="rotate(0, 225, 160)"  width="1"  stroke="black"/><line x1="225" y1="160" x2="232" y2="167"  transform="rotate(0, 225, 160)"  width="1"  stroke="black"/><text x="372" y="157"  text-anchor="end"  transform="rotate(0, 372, 157)"  fill = "black" >3. create PeerConnection()</text>
<line x1="225" y1="180" x2="75" y2="180" width = "1" stroke="black"/>
<line x1="75" y1="180" x2="82" y2="173"  transform="rotate(0, 75, 180)"  width="1"  stroke="black"/><line x1="75" y1="180" x2="82" y2="187"  transform="rotate(0, 75, 180)"  width="1"  stroke="black"/><text x="222" y="177"  text-anchor="end"  transform="rotate(0, 222, 177)"  fill = "black" >4. Alloc (pair 1)</text>
<line x1="225" y1="200" x2="75" y2="200" width = "1" stroke="black"/>
<line x1="75" y1="200" x2="82" y2="193"  transform="rotate(0, 75, 200)"  width="1"  stroke="black"/><line x1="75" y1="200" x2="82" y2="207"  transform="rotate(0, 75, 200)"  width="1"  stroke="black"/><text x="222" y="197"  text-anchor="end"  transform="rotate(0, 222, 197)"  fill = "black" >5. Alloc (pair 2)</text>
<line x1="225" y1="220" x2="75" y2="220" width = "1" stroke="black"/>
<line x1="75" y1="220" x2="82" y2="213"  transform="rotate(0, 75, 220)"  width="1"  stroke="black"/><line x1="75" y1="220" x2="82" y2="227"  transform="rotate(0, 75, 220)"  width="1"  stroke="black"/><text x="222" y="217"  text-anchor="end"  transform="rotate(0, 222, 217)"  fill = "black" >6. Alloc (pair 3)</text>
<line x1="75" y1="240" x2="225" y2="240" width = "1" stroke="black"/>
<line x1="225" y1="240" x2="218" y2="233"  transform="rotate(0, 225, 240)"  width="1"  stroke="black"/><line x1="225" y1="240" x2="218" y2="247"  transform="rotate(0, 225, 240)"  width="1"  stroke="black"/><text x="78" y="237"  text-anchor="start"  transform="rotate(0, 78, 237)"  fill = "black" >7. IPs and Ports (pair 1)</text>
<line x1="225" y1="260" x2="375" y2="260" width = "1" stroke="black"/>
<line x1="375" y1="260" x2="368" y2="253"  transform="rotate(0, 375, 260)"  width="1"  stroke="black"/><line x1="375" y1="260" x2="368" y2="267"  transform="rotate(0, 375, 260)"  width="1"  stroke="black"/><text x="228" y="257"  text-anchor="start"  transform="rotate(0, 228, 257)"  fill = "black" >8. onIceCandiate</text>
<line x1="75" y1="280" x2="225" y2="280" width = "1" stroke="black"/>
<line x1="225" y1="280" x2="218" y2="273"  transform="rotate(0, 225, 280)"  width="1"  stroke="black"/><line x1="225" y1="280" x2="218" y2="287"  transform="rotate(0, 225, 280)"  width="1"  stroke="black"/><text x="78" y="277"  text-anchor="start"  transform="rotate(0, 78, 277)"  fill = "black" >9. IPs and Ports (pair 2)</text>
<line x1="225" y1="300" x2="375" y2="300" width = "1" stroke="black"/>
<line x1="375" y1="300" x2="368" y2="293"  transform="rotate(0, 375, 300)"  width="1"  stroke="black"/><line x1="375" y1="300" x2="368" y2="307"  transform="rotate(0, 375, 300)"  width="1"  stroke="black"/><text x="228" y="297"  text-anchor="start"  transform="rotate(0, 228, 297)"  fill = "black" >10. onIceCandiate</text>
<line x1="75" y1="320" x2="225" y2="320" width = "1" stroke="black"/>
<line x1="225" y1="320" x2="218" y2="313"  transform="rotate(0, 225, 320)"  width="1"  stroke="black"/><line x1="225" y1="320" x2="218" y2="327"  transform="rotate(0, 225, 320)"  width="1"  stroke="black"/><text x="78" y="317"  text-anchor="start"  transform="rotate(0, 78, 317)"  fill = "black" >11. IPs and Ports (pair 3)</text>
<line x1="225" y1="340" x2="375" y2="340" width = "1" stroke="black"/>
<line x1="375" y1="340" x2="368" y2="333"  transform="rotate(0, 375, 340)"  width="1"  stroke="black"/><line x1="375" y1="340" x2="368" y2="347"  transform="rotate(0, 375, 340)"  width="1"  stroke="black"/><text x="228" y="337"  text-anchor="start"  transform="rotate(0, 228, 337)"  fill = "black" >12. onIceCandiate</text>
<line x1="1125" y1="360" x2="675" y2="360" width = "1" stroke="black"/>
<line x1="1125" y1="360" x2="1118" y2="353"  transform="rotate(0, 1125, 360)"  width="1"  stroke="black"/><line x1="1125" y1="360" x2="1118" y2="367"  transform="rotate(0, 1125, 360)"  width="1"  stroke="black"/><line x1="675" y1="360" x2="682" y2="353"  transform="rotate(0, 675, 360)"  width="1"  stroke="black"/><line x1="675" y1="360" x2="682" y2="367"  transform="rotate(0, 675, 360)"  width="1"  stroke="black"/><text x="900" y="357"  text-anchor="middle"  transform="rotate(0, 900, 357)"  fill = "black" >13. Load Page </text>
<line x1="1125" y1="380" x2="675" y2="380" width = "1" stroke="black"/>
<line x1="1125" y1="380" x2="1118" y2="373"  transform="rotate(0, 1125, 380)"  width="1"  stroke="black"/><line x1="1125" y1="380" x2="1118" y2="387"  transform="rotate(0, 1125, 380)"  width="1"  stroke="black"/><line x1="675" y1="380" x2="682" y2="373"  transform="rotate(0, 675, 380)"  width="1"  stroke="black"/><line x1="675" y1="380" x2="682" y2="387"  transform="rotate(0, 675, 380)"  width="1"  stroke="black"/><text x="900" y="377"  text-anchor="middle"  transform="rotate(0, 900, 377)"  fill = "black" >14. Authenticate</text>
<line x1="975" y1="400" x2="1125" y2="400" width = "1" stroke="black"/>
<line x1="1125" y1="400" x2="1118" y2="393"  transform="rotate(0, 1125, 400)"  width="1"  stroke="black"/><line x1="1125" y1="400" x2="1118" y2="407"  transform="rotate(0, 1125, 400)"  width="1"  stroke="black"/><text x="978" y="397"  text-anchor="start"  transform="rotate(0, 978, 397)"  fill = "black" >15. create PeerConnection()</text>
<line x1="1125" y1="420" x2="1275" y2="420" width = "1" stroke="black"/>
<line x1="1275" y1="420" x2="1268" y2="413"  transform="rotate(0, 1275, 420)"  width="1"  stroke="black"/><line x1="1275" y1="420" x2="1268" y2="427"  transform="rotate(0, 1275, 420)"  width="1"  stroke="black"/><text x="1128" y="417"  text-anchor="start"  transform="rotate(0, 1128, 417)"  fill = "black" >16. Alloc</text>
<line x1="1125" y1="440" x2="1275" y2="440" width = "1" stroke="black"/>
<line x1="1275" y1="440" x2="1268" y2="433"  transform="rotate(0, 1275, 440)"  width="1"  stroke="black"/><line x1="1275" y1="440" x2="1268" y2="447"  transform="rotate(0, 1275, 440)"  width="1"  stroke="black"/><text x="1128" y="437"  text-anchor="start"  transform="rotate(0, 1128, 437)"  fill = "black" >17. Alloc</text>
<line x1="1125" y1="460" x2="1275" y2="460" width = "1" stroke="black"/>
<line x1="1275" y1="460" x2="1268" y2="453"  transform="rotate(0, 1275, 460)"  width="1"  stroke="black"/><line x1="1275" y1="460" x2="1268" y2="467"  transform="rotate(0, 1275, 460)"  width="1"  stroke="black"/><text x="1128" y="457"  text-anchor="start"  transform="rotate(0, 1128, 457)"  fill = "black" >18. Alloc</text>
<line x1="1275" y1="480" x2="1125" y2="480" width = "1" stroke="black"/>
<line x1="1125" y1="480" x2="1132" y2="473"  transform="rotate(0, 1125, 480)"  width="1"  stroke="black"/><line x1="1125" y1="480" x2="1132" y2="487"  transform="rotate(0, 1125, 480)"  width="1"  stroke="black"/><text x="1272" y="477"  text-anchor="end"  transform="rotate(0, 1272, 477)"  fill = "black" >19. IPs and Ports</text>
<line x1="1275" y1="500" x2="1125" y2="500" width = "1" stroke="black"/>
<line x1="1125" y1="500" x2="1132" y2="493"  transform="rotate(0, 1125, 500)"  width="1"  stroke="black"/><line x1="1125" y1="500" x2="1132" y2="507"  transform="rotate(0, 1125, 500)"  width="1"  stroke="black"/><text x="1272" y="497"  text-anchor="end"  transform="rotate(0, 1272, 497)"  fill = "black" >20. IPs and Ports</text>
<line x1="1275" y1="520" x2="1125" y2="520" width = "1" stroke="black"/>
<line x1="1125" y1="520" x2="1132" y2="513"  transform="rotate(0, 1125, 520)"  width="1"  stroke="black"/><line x1="1125" y1="520" x2="1132" y2="527"  transform="rotate(0, 1125, 520)"  width="1"  stroke="black"/><text x="1272" y="517"  text-anchor="end"  transform="rotate(0, 1272, 517)"  fill = "black" >21. IPs and Ports</text>
<line x1="525" y1="540" x2="375" y2="540" width = "1" stroke="black"/>
<line x1="375" y1="540" x2="382" y2="533"  transform="rotate(0, 375, 540)"  width="1"  stroke="black"/><line x1="375" y1="540" x2="382" y2="547"  transform="rotate(0, 375, 540)"  width="1"  stroke="black"/><text x="522" y="537"  text-anchor="end"  transform="rotate(0, 522, 537)"  fill = "black" >22. Call Bob </text>
<line x1="375" y1="560" x2="225" y2="560" width = "1" stroke="black"/>
<line x1="225" y1="560" x2="232" y2="553"  transform="rotate(0, 225, 560)"  width="1"  stroke="black"/><line x1="225" y1="560" x2="232" y2="567"  transform="rotate(0, 225, 560)"  width="1"  stroke="black"/><text x="372" y="557"  text-anchor="end"  transform="rotate(0, 372, 557)"  fill = "black" >23. addStream( data )</text>
<line x1="225" y1="580" x2="375" y2="580" width = "1" stroke="black"/>
<line x1="375" y1="580" x2="368" y2="573"  transform="rotate(0, 375, 580)"  width="1"  stroke="black"/><line x1="375" y1="580" x2="368" y2="587"  transform="rotate(0, 375, 580)"  width="1"  stroke="black"/><text x="228" y="577"  text-anchor="start"  transform="rotate(0, 228, 577)"  fill = "black" >24. onRenegotationNeeed</text>
<line x1="375" y1="600" x2="225" y2="600" width = "1" stroke="black"/>
<line x1="225" y1="600" x2="232" y2="593"  transform="rotate(0, 225, 600)"  width="1"  stroke="black"/><line x1="225" y1="600" x2="232" y2="607"  transform="rotate(0, 225, 600)"  width="1"  stroke="black"/><text x="372" y="597"  text-anchor="end"  transform="rotate(0, 372, 597)"  fill = "black" >25. addStream( audio/video )</text>
<line x1="225" y1="620" x2="375" y2="620" width = "1" stroke="black"/>
<line x1="375" y1="620" x2="368" y2="613"  transform="rotate(0, 375, 620)"  width="1"  stroke="black"/><line x1="375" y1="620" x2="368" y2="627"  transform="rotate(0, 375, 620)"  width="1"  stroke="black"/><text x="228" y="617"  text-anchor="start"  transform="rotate(0, 228, 617)"  fill = "black" >26. onRenegotationNeeed</text>
<line x1="375" y1="640" x2="225" y2="640" width = "1" stroke="black"/>
<line x1="225" y1="640" x2="232" y2="633"  transform="rotate(0, 225, 640)"  width="1"  stroke="black"/><line x1="225" y1="640" x2="232" y2="647"  transform="rotate(0, 225, 640)"  width="1"  stroke="black"/><text x="372" y="637"  text-anchor="end"  transform="rotate(0, 372, 637)"  fill = "black" >27. createOffer</text>
<line x1="225" y1="660" x2="375" y2="660" width = "1" stroke="black"/>
<line x1="375" y1="660" x2="368" y2="653"  transform="rotate(0, 375, 660)"  width="1"  stroke="black"/><line x1="375" y1="660" x2="368" y2="667"  transform="rotate(0, 375, 660)"  width="1"  stroke="black"/><text x="228" y="657"  text-anchor="start"  transform="rotate(0, 228, 657)"  fill = "black" >28. offer</text>
<line x1="375" y1="680" x2="225" y2="680" width = "1" stroke="black"/>
<line x1="225" y1="680" x2="232" y2="673"  transform="rotate(0, 225, 680)"  width="1"  stroke="black"/><line x1="225" y1="680" x2="232" y2="687"  transform="rotate(0, 225, 680)"  width="1"  stroke="black"/><text x="372" y="677"  text-anchor="end"  transform="rotate(0, 372, 677)"  fill = "black" >29. setLocal</text>
<line x1="375" y1="700" x2="675" y2="700" width = "1" stroke="black"/>
<line x1="675" y1="700" x2="668" y2="693"  transform="rotate(0, 675, 700)"  width="1"  stroke="black"/><line x1="675" y1="700" x2="668" y2="707"  transform="rotate(0, 675, 700)"  width="1"  stroke="black"/><text x="378" y="697"  text-anchor="start"  transform="rotate(0, 378, 697)"  fill = "black" >30. Offer to Bob</text>
<line x1="675" y1="720" x2="975" y2="720" width = "1" stroke="black"/>
<line x1="975" y1="720" x2="968" y2="713"  transform="rotate(0, 975, 720)"  width="1"  stroke="black"/><line x1="975" y1="720" x2="968" y2="727"  transform="rotate(0, 975, 720)"  width="1"  stroke="black"/><text x="678" y="717"  text-anchor="start"  transform="rotate(0, 678, 717)"  fill = "black" >31. Offer </text>
<line x1="975" y1="740" x2="1125" y2="740" width = "1" stroke="black"/>
<line x1="1125" y1="740" x2="1118" y2="733"  transform="rotate(0, 1125, 740)"  width="1"  stroke="black"/><line x1="1125" y1="740" x2="1118" y2="747"  transform="rotate(0, 1125, 740)"  width="1"  stroke="black"/><text x="978" y="737"  text-anchor="start"  transform="rotate(0, 978, 737)"  fill = "black" >32. SetRemote </text>
<line x1="1125" y1="760" x2="975" y2="760" width = "1" stroke="black"/>
<line x1="975" y1="760" x2="982" y2="753"  transform="rotate(0, 975, 760)"  width="1"  stroke="black"/><line x1="975" y1="760" x2="982" y2="767"  transform="rotate(0, 975, 760)"  width="1"  stroke="black"/><text x="1122" y="757"  text-anchor="end"  transform="rotate(0, 1122, 757)"  fill = "black" >33. TBD Remote has audio, video, and data </text>
<line x1="975" y1="780" x2="825" y2="780" width = "1" stroke="black"/>
<line x1="825" y1="780" x2="832" y2="773"  transform="rotate(0, 825, 780)"  width="1"  stroke="black"/><line x1="825" y1="780" x2="832" y2="787"  transform="rotate(0, 825, 780)"  width="1"  stroke="black"/><text x="972" y="777"  text-anchor="end"  transform="rotate(0, 972, 777)"  fill = "black" >34. Phones Ringing Dude</text>
<line x1="975" y1="800" x2="1125" y2="800" width = "1" stroke="black"/>
<line x1="1125" y1="800" x2="1118" y2="793"  transform="rotate(0, 1125, 800)"  width="1"  stroke="black"/><line x1="1125" y1="800" x2="1118" y2="807"  transform="rotate(0, 1125, 800)"  width="1"  stroke="black"/><text x="978" y="797"  text-anchor="start"  transform="rotate(0, 978, 797)"  fill = "black" >35. addStream( data )</text>
<line x1="975" y1="820" x2="1125" y2="820" width = "1" stroke="black"/>
<line x1="1125" y1="820" x2="1118" y2="813"  transform="rotate(0, 1125, 820)"  width="1"  stroke="black"/><line x1="1125" y1="820" x2="1118" y2="827"  transform="rotate(0, 1125, 820)"  width="1"  stroke="black"/><text x="978" y="817"  text-anchor="start"  transform="rotate(0, 978, 817)"  fill = "black" >36. createAnswer( Provisional, RelayOnly )</text>
<line x1="1125" y1="840" x2="975" y2="840" width = "1" stroke="black"/>
<line x1="975" y1="840" x2="982" y2="833"  transform="rotate(0, 975, 840)"  width="1"  stroke="black"/><line x1="975" y1="840" x2="982" y2="847"  transform="rotate(0, 975, 840)"  width="1"  stroke="black"/><text x="1122" y="837"  text-anchor="end"  transform="rotate(0, 1122, 837)"  fill = "black" >37. PR_Answer</text>
<line x1="975" y1="860" x2="1125" y2="860" width = "1" stroke="black"/>
<line x1="1125" y1="860" x2="1118" y2="853"  transform="rotate(0, 1125, 860)"  width="1"  stroke="black"/><line x1="1125" y1="860" x2="1118" y2="867"  transform="rotate(0, 1125, 860)"  width="1"  stroke="black"/><text x="978" y="857"  text-anchor="start"  transform="rotate(0, 978, 857)"  fill = "black" >38. setLocal</text>
<line x1="975" y1="880" x2="675" y2="880" width = "1" stroke="black"/>
<line x1="675" y1="880" x2="682" y2="873"  transform="rotate(0, 675, 880)"  width="1"  stroke="black"/><line x1="675" y1="880" x2="682" y2="887"  transform="rotate(0, 675, 880)"  width="1"  stroke="black"/><text x="972" y="877"  text-anchor="end"  transform="rotate(0, 972, 877)"  fill = "black" >39. PR_Answer to Alice </text>
<line x1="1125" y1="880" x2="1275" y2="880" width = "1" stroke="black"/>
<line x1="1275" y1="880" x2="1268" y2="873"  transform="rotate(0, 1275, 880)"  width="1"  stroke="black"/><line x1="1275" y1="880" x2="1268" y2="887"  transform="rotate(0, 1275, 880)"  width="1"  stroke="black"/><text x="1128" y="877"  text-anchor="start"  transform="rotate(0, 1128, 877)"  fill = "black" >40. Perm</text>
<line x1="1125" y1="900" x2="1275" y2="900" width = "1" stroke="black"/>
<line x1="1275" y1="900" x2="1268" y2="893"  transform="rotate(0, 1275, 900)"  width="1"  stroke="black"/><line x1="1275" y1="900" x2="1268" y2="907"  transform="rotate(0, 1275, 900)"  width="1"  stroke="black"/><text x="1128" y="897"  text-anchor="start"  transform="rotate(0, 1128, 897)"  fill = "black" >41. De-Alloc (RTCP port of pair1)</text>
<line x1="1125" y1="920" x2="1275" y2="920" width = "1" stroke="black"/>
<line x1="1275" y1="920" x2="1268" y2="913"  transform="rotate(0, 1275, 920)"  width="1"  stroke="black"/><line x1="1275" y1="920" x2="1268" y2="927"  transform="rotate(0, 1275, 920)"  width="1"  stroke="black"/><text x="1128" y="917"  text-anchor="start"  transform="rotate(0, 1128, 917)"  fill = "black" >42. De-Alloc (pair 2)</text>
<line x1="1125" y1="940" x2="1275" y2="940" width = "1" stroke="black"/>
<line x1="1275" y1="940" x2="1268" y2="933"  transform="rotate(0, 1275, 940)"  width="1"  stroke="black"/><line x1="1275" y1="940" x2="1268" y2="947"  transform="rotate(0, 1275, 940)"  width="1"  stroke="black"/><text x="1128" y="937"  text-anchor="start"  transform="rotate(0, 1128, 937)"  fill = "black" >43. De-Alloc (pair 3)</text>
<line x1="1125" y1="960" x2="975" y2="960" width = "1" stroke="black"/>
<line x1="975" y1="960" x2="982" y2="953"  transform="rotate(0, 975, 960)"  width="1"  stroke="black"/><line x1="975" y1="960" x2="982" y2="967"  transform="rotate(0, 975, 960)"  width="1"  stroke="black"/><text x="1122" y="957"  text-anchor="end"  transform="rotate(0, 1122, 957)"  fill = "black" >44. onRemoteStream( data )</text>
<line x1="1125" y1="980" x2="1275" y2="980" width = "1" stroke="black"/>
<line x1="1275" y1="980" x2="1268" y2="973"  transform="rotate(0, 1275, 980)"  width="1"  stroke="black"/><line x1="1275" y1="980" x2="1268" y2="987"  transform="rotate(0, 1275, 980)"  width="1"  stroke="black"/><line x1="1125" y1="980" x2="1132" y2="973"  transform="rotate(0, 1125, 980)"  width="1"  stroke="black"/><line x1="1125" y1="980" x2="1132" y2="987"  transform="rotate(0, 1125, 980)"  width="1"  stroke="black"/><text x="1200" y="977"  text-anchor="middle"  transform="rotate(0, 1200, 977)"  fill = "black" >45. ICE Check</text>
<line x1="1275" y1="1000" x2="225" y2="1000" width = "1" stroke="black"/>
<line x1="1275" y1="1000" x2="1268" y2="993"  transform="rotate(0, 1275, 1000)"  width="1"  stroke="black"/><line x1="1275" y1="1000" x2="1268" y2="1007"  transform="rotate(0, 1275, 1000)"  width="1"  stroke="black"/><line x1="225" y1="1000" x2="232" y2="993"  transform="rotate(0, 225, 1000)"  width="1"  stroke="black"/><line x1="225" y1="1000" x2="232" y2="1007"  transform="rotate(0, 225, 1000)"  width="1"  stroke="black"/><text x="750" y="997"  text-anchor="middle"  transform="rotate(0, 750, 997)"  fill = "black" >46. ICE Check </text>
<line x1="1125" y1="1020" x2="1275" y2="1020" width = "1" stroke="black"/>
<line x1="1275" y1="1020" x2="1268" y2="1013"  transform="rotate(0, 1275, 1020)"  width="1"  stroke="black"/><line x1="1275" y1="1020" x2="1268" y2="1027"  transform="rotate(0, 1275, 1020)"  width="1"  stroke="black"/><line x1="1125" y1="1020" x2="1132" y2="1013"  transform="rotate(0, 1125, 1020)"  width="1"  stroke="black"/><line x1="1125" y1="1020" x2="1132" y2="1027"  transform="rotate(0, 1125, 1020)"  width="1"  stroke="black"/><text x="1200" y="1017"  text-anchor="middle"  transform="rotate(0, 1200, 1017)"  fill = "black" >47. DTLS</text>
<line x1="1275" y1="1040" x2="225" y2="1040" width = "1" stroke="black"/>
<line x1="1275" y1="1040" x2="1268" y2="1033"  transform="rotate(0, 1275, 1040)"  width="1"  stroke="black"/><line x1="1275" y1="1040" x2="1268" y2="1047"  transform="rotate(0, 1275, 1040)"  width="1"  stroke="black"/><line x1="225" y1="1040" x2="232" y2="1033"  transform="rotate(0, 225, 1040)"  width="1"  stroke="black"/><line x1="225" y1="1040" x2="232" y2="1047"  transform="rotate(0, 225, 1040)"  width="1"  stroke="black"/><text x="750" y="1037"  text-anchor="middle"  transform="rotate(0, 750, 1037)"  fill = "black" >48. DTLS</text>
<line x1="1125" y1="1060" x2="1275" y2="1060" width = "1" stroke="black"/>
<line x1="1275" y1="1060" x2="1268" y2="1053"  transform="rotate(0, 1275, 1060)"  width="1"  stroke="black"/><line x1="1275" y1="1060" x2="1268" y2="1067"  transform="rotate(0, 1275, 1060)"  width="1"  stroke="black"/><line x1="1125" y1="1060" x2="1132" y2="1053"  transform="rotate(0, 1125, 1060)"  width="1"  stroke="black"/><line x1="1125" y1="1060" x2="1132" y2="1067"  transform="rotate(0, 1125, 1060)"  width="1"  stroke="black"/><text x="1200" y="1057"  text-anchor="middle"  transform="rotate(0, 1200, 1057)"  fill = "black" >49. SCTP/Data</text>
<line x1="1275" y1="1080" x2="225" y2="1080" width = "1" stroke="black"/>
<line x1="1275" y1="1080" x2="1268" y2="1073"  transform="rotate(0, 1275, 1080)"  width="1"  stroke="black"/><line x1="1275" y1="1080" x2="1268" y2="1087"  transform="rotate(0, 1275, 1080)"  width="1"  stroke="black"/><line x1="225" y1="1080" x2="232" y2="1073"  transform="rotate(0, 225, 1080)"  width="1"  stroke="black"/><line x1="225" y1="1080" x2="232" y2="1087"  transform="rotate(0, 225, 1080)"  width="1"  stroke="black"/><text x="750" y="1077"  text-anchor="middle"  transform="rotate(0, 750, 1077)"  fill = "black" >50. SCTP/Data</text>
<line x1="225" y1="1100" x2="375" y2="1100" width = "1" stroke="black"/>
<line x1="375" y1="1100" x2="368" y2="1093"  transform="rotate(0, 375, 1100)"  width="1"  stroke="black"/><line x1="375" y1="1100" x2="368" y2="1107"  transform="rotate(0, 375, 1100)"  width="1"  stroke="black"/><text x="228" y="1097"  text-anchor="start"  transform="rotate(0, 228, 1097)"  fill = "black" >51. onRemoteStream( data )</text>
<line x1="675" y1="1120" x2="525" y2="1120" width = "1" stroke="black"/>
<line x1="675" y1="1120" x2="668" y2="1113"  transform="rotate(0, 675, 1120)"  width="1"  stroke="black"/><line x1="675" y1="1120" x2="668" y2="1127"  transform="rotate(0, 675, 1120)"  width="1"  stroke="black"/><line x1="525" y1="1120" x2="532" y2="1113"  transform="rotate(0, 525, 1120)"  width="1"  stroke="black"/><line x1="525" y1="1120" x2="532" y2="1127"  transform="rotate(0, 525, 1120)"  width="1"  stroke="black"/><text x="600" y="1117"  text-anchor="middle"  transform="rotate(0, 600, 1117)"  fill = "black" >52. time passes - remove later</text>
<line x1="675" y1="880" x2="375" y2="1120" width = "1" stroke="black"/>
<line x1="375" y1="1120" x2="382" y2="1113"  transform="rotate(-38.67941707013997, 375, 1120)"  width="1"  stroke="black"/><line x1="375" y1="1120" x2="382" y2="1127"  transform="rotate(-38.67941707013997, 375, 1120)"  width="1"  stroke="black"/><text x="672" y="877"  text-anchor="end"  transform="rotate(-38.67941707013997, 672, 877)"  fill = "black" >53. PR_Answer </text>
<line x1="375" y1="1140" x2="225" y2="1140" width = "1" stroke="black"/>
<line x1="225" y1="1140" x2="232" y2="1133"  transform="rotate(0, 225, 1140)"  width="1"  stroke="black"/><line x1="225" y1="1140" x2="232" y2="1147"  transform="rotate(0, 225, 1140)"  width="1"  stroke="black"/><text x="372" y="1137"  text-anchor="end"  transform="rotate(0, 372, 1137)"  fill = "black" >54. setRemote</text>
<line x1="225" y1="1160" x2="75" y2="1160" width = "1" stroke="black"/>
<line x1="75" y1="1160" x2="82" y2="1153"  transform="rotate(0, 75, 1160)"  width="1"  stroke="black"/><line x1="75" y1="1160" x2="82" y2="1167"  transform="rotate(0, 75, 1160)"  width="1"  stroke="black"/><text x="222" y="1157"  text-anchor="end"  transform="rotate(0, 222, 1157)"  fill = "black" >55. Perm</text>
<line x1="825" y1="1180" x2="975" y2="1180" width = "1" stroke="black"/>
<line x1="975" y1="1180" x2="968" y2="1173"  transform="rotate(0, 975, 1180)"  width="1"  stroke="black"/><line x1="975" y1="1180" x2="968" y2="1187"  transform="rotate(0, 975, 1180)"  width="1"  stroke="black"/><text x="828" y="1177"  text-anchor="start"  transform="rotate(0, 828, 1177)"  fill = "black" >56. Accept Audio and Video </text>
<line x1="975" y1="1200" x2="1125" y2="1200" width = "1" stroke="black"/>
<line x1="1125" y1="1200" x2="1118" y2="1193"  transform="rotate(0, 1125, 1200)"  width="1"  stroke="black"/><line x1="1125" y1="1200" x2="1118" y2="1207"  transform="rotate(0, 1125, 1200)"  width="1"  stroke="black"/><text x="978" y="1197"  text-anchor="start"  transform="rotate(0, 978, 1197)"  fill = "black" >57. addStream( audio/video )</text>
<line x1="975" y1="1220" x2="1125" y2="1220" width = "1" stroke="black"/>
<line x1="1125" y1="1220" x2="1118" y2="1213"  transform="rotate(0, 1125, 1220)"  width="1"  stroke="black"/><line x1="1125" y1="1220" x2="1118" y2="1227"  transform="rotate(0, 1125, 1220)"  width="1"  stroke="black"/><text x="978" y="1217"  text-anchor="start"  transform="rotate(0, 978, 1217)"  fill = "black" >58. createAnswer</text>
<line x1="1125" y1="1240" x2="975" y2="1240" width = "1" stroke="black"/>
<line x1="975" y1="1240" x2="982" y2="1233"  transform="rotate(0, 975, 1240)"  width="1"  stroke="black"/><line x1="975" y1="1240" x2="982" y2="1247"  transform="rotate(0, 975, 1240)"  width="1"  stroke="black"/><text x="1122" y="1237"  text-anchor="end"  transform="rotate(0, 1122, 1237)"  fill = "black" >59. Answer </text>
<line x1="975" y1="1260" x2="1125" y2="1260" width = "1" stroke="black"/>
<line x1="1125" y1="1260" x2="1118" y2="1253"  transform="rotate(0, 1125, 1260)"  width="1"  stroke="black"/><line x1="1125" y1="1260" x2="1118" y2="1267"  transform="rotate(0, 1125, 1260)"  width="1"  stroke="black"/><text x="978" y="1257"  text-anchor="start"  transform="rotate(0, 978, 1257)"  fill = "black" >60. setLocal</text>
<line x1="975" y1="1280" x2="675" y2="1280" width = "1" stroke="black"/>
<line x1="675" y1="1280" x2="682" y2="1273"  transform="rotate(0, 675, 1280)"  width="1"  stroke="black"/><line x1="675" y1="1280" x2="682" y2="1287"  transform="rotate(0, 675, 1280)"  width="1"  stroke="black"/><text x="972" y="1277"  text-anchor="end"  transform="rotate(0, 972, 1277)"  fill = "black" >61. Answer to Alice</text>
<line x1="1125" y1="1300" x2="975" y2="1300" width = "1" stroke="black"/>
<line x1="975" y1="1300" x2="982" y2="1293"  transform="rotate(0, 975, 1300)"  width="1"  stroke="black"/><line x1="975" y1="1300" x2="982" y2="1307"  transform="rotate(0, 975, 1300)"  width="1"  stroke="black"/><text x="1122" y="1297"  text-anchor="end"  transform="rotate(0, 1122, 1297)"  fill = "black" >62. onRemoteStream( audio/video )</text>
<line x1="1125" y1="1320" x2="1275" y2="1320" width = "1" stroke="black"/>
<line x1="1275" y1="1320" x2="1268" y2="1313"  transform="rotate(0, 1275, 1320)"  width="1"  stroke="black"/><line x1="1275" y1="1320" x2="1268" y2="1327"  transform="rotate(0, 1275, 1320)"  width="1"  stroke="black"/><line x1="1125" y1="1320" x2="1132" y2="1313"  transform="rotate(0, 1125, 1320)"  width="1"  stroke="black"/><line x1="1125" y1="1320" x2="1132" y2="1327"  transform="rotate(0, 1125, 1320)"  width="1"  stroke="black"/><text x="1200" y="1317"  text-anchor="middle"  transform="rotate(0, 1200, 1317)"  fill = "black" >63. RTP/Data</text>
<line x1="1275" y1="1340" x2="225" y2="1340" width = "1" stroke="black"/>
<line x1="1275" y1="1340" x2="1268" y2="1333"  transform="rotate(0, 1275, 1340)"  width="1"  stroke="black"/><line x1="1275" y1="1340" x2="1268" y2="1347"  transform="rotate(0, 1275, 1340)"  width="1"  stroke="black"/><line x1="225" y1="1340" x2="232" y2="1333"  transform="rotate(0, 225, 1340)"  width="1"  stroke="black"/><line x1="225" y1="1340" x2="232" y2="1347"  transform="rotate(0, 225, 1340)"  width="1"  stroke="black"/><text x="750" y="1337"  text-anchor="middle"  transform="rotate(0, 750, 1337)"  fill = "black" >64. RTP/Data</text>
<line x1="1125" y1="1360" x2="225" y2="1360" width = "1" stroke="black"/>
<line x1="1125" y1="1360" x2="1118" y2="1353"  transform="rotate(0, 1125, 1360)"  width="1"  stroke="black"/><line x1="1125" y1="1360" x2="1118" y2="1367"  transform="rotate(0, 1125, 1360)"  width="1"  stroke="black"/><line x1="225" y1="1360" x2="232" y2="1353"  transform="rotate(0, 225, 1360)"  width="1"  stroke="black"/><line x1="225" y1="1360" x2="232" y2="1367"  transform="rotate(0, 225, 1360)"  width="1"  stroke="black"/><text x="675" y="1357"  text-anchor="middle"  transform="rotate(0, 675, 1357)"  fill = "black" >65. ICE Check</text>
<line x1="1125" y1="1380" x2="225" y2="1380" width = "1" stroke="black"/>
<line x1="1125" y1="1380" x2="1118" y2="1373"  transform="rotate(0, 1125, 1380)"  width="1"  stroke="black"/><line x1="1125" y1="1380" x2="1118" y2="1387"  transform="rotate(0, 1125, 1380)"  width="1"  stroke="black"/><line x1="225" y1="1380" x2="232" y2="1373"  transform="rotate(0, 225, 1380)"  width="1"  stroke="black"/><line x1="225" y1="1380" x2="232" y2="1387"  transform="rotate(0, 225, 1380)"  width="1"  stroke="black"/><text x="675" y="1377"  text-anchor="middle"  transform="rotate(0, 675, 1377)"  fill = "black" >66. RTP/Data</text>
<line x1="675" y1="1400" x2="525" y2="1400" width = "1" stroke="black"/>
<line x1="675" y1="1400" x2="668" y2="1393"  transform="rotate(0, 675, 1400)"  width="1"  stroke="black"/><line x1="675" y1="1400" x2="668" y2="1407"  transform="rotate(0, 675, 1400)"  width="1"  stroke="black"/><line x1="525" y1="1400" x2="532" y2="1393"  transform="rotate(0, 525, 1400)"  width="1"  stroke="black"/><line x1="525" y1="1400" x2="532" y2="1407"  transform="rotate(0, 525, 1400)"  width="1"  stroke="black"/><text x="600" y="1397"  text-anchor="middle"  transform="rotate(0, 600, 1397)"  fill = "black" >67. time passes - remove later</text>
<line x1="675" y1="1280" x2="375" y2="1400" width = "1" stroke="black"/>
<line x1="375" y1="1400" x2="382" y2="1393"  transform="rotate(-21.812467477778878, 375, 1400)"  width="1"  stroke="black"/><line x1="375" y1="1400" x2="382" y2="1407"  transform="rotate(-21.812467477778878, 375, 1400)"  width="1"  stroke="black"/><text x="672" y="1277"  text-anchor="end"  transform="rotate(-21.812467477778878, 672, 1277)"  fill = "black" >68. Answer </text>
<line x1="375" y1="1420" x2="225" y2="1420" width = "1" stroke="black"/>
<line x1="225" y1="1420" x2="232" y2="1413"  transform="rotate(0, 225, 1420)"  width="1"  stroke="black"/><line x1="225" y1="1420" x2="232" y2="1427"  transform="rotate(0, 225, 1420)"  width="1"  stroke="black"/><text x="372" y="1417"  text-anchor="end"  transform="rotate(0, 372, 1417)"  fill = "black" >69. setRemote </text>
</svg>
--- NEW FILE: ladder-2party-simple.svg ---
<svg baseProfile="full" xmlns="http://www.w3.org/2000/svg" width="1425" height="1200">
<text x="750" y="20"  text-anchor="middle">Simple Call Flow</text>
<text x="75" y="60"  text-anchor="middle">Alice's Turn</text>
<line x1="75" y1="80" x2="75" y2="1120" width = "1" stroke="black"/>
<text x="75" y="1160"  text-anchor="middle">Alice's Turn</text>
<text x="225" y="60"  text-anchor="middle">Alice's Browser</text>
<line x1="225" y1="80" x2="225" y2="1120" width = "1" stroke="black"/>
<text x="225" y="1160"  text-anchor="middle">Alice's Browser</text>
<text x="375" y="60"  text-anchor="middle">Alice's App</text>
<line x1="375" y1="80" x2="375" y2="1120" width = "1" stroke="black"/>
<text x="375" y="1160"  text-anchor="middle">Alice's App</text>
<text x="525" y="60"  text-anchor="middle">Alice</text>
<line x1="525" y1="80" x2="525" y2="1120" width = "1" stroke="black"/>
<text x="525" y="1160"  text-anchor="middle">Alice</text>
<text x="675" y="60"  text-anchor="middle">Web Server Browse</text>
<line x1="675" y1="80" x2="675" y2="1120" width = "1" stroke="black"/>
<text x="675" y="1160"  text-anchor="middle">Web Server Browse</text>
<text x="825" y="60"  text-anchor="middle">Bob</text>
<line x1="825" y1="80" x2="825" y2="1120" width = "1" stroke="black"/>
<text x="825" y="1160"  text-anchor="middle">Bob</text>
<text x="975" y="60"  text-anchor="middle">Bob's App</text>
<line x1="975" y1="80" x2="975" y2="1120" width = "1" stroke="black"/>
<text x="975" y="1160"  text-anchor="middle">Bob's App</text>
<text x="1125" y="60"  text-anchor="middle">Bob's Browse</text>
<line x1="1125" y1="80" x2="1125" y2="1120" width = "1" stroke="black"/>
<text x="1125" y="1160"  text-anchor="middle">Bob's Browse</text>
<text x="1275" y="60"  text-anchor="middle">Bob's Turn</text>
<line x1="1275" y1="80" x2="1275" y2="1120" width = "1" stroke="black"/>
<text x="1275" y="1160"  text-anchor="middle">Bob's Turn</text>
<line x1="225" y1="120" x2="675" y2="120" width = "1" stroke="black"/>
<line x1="675" y1="120" x2="668" y2="113"  transform="rotate(0, 675, 120)"  width="1"  stroke="black"/><line x1="675" y1="120" x2="668" y2="127"  transform="rotate(0, 675, 120)"  width="1"  stroke="black"/><line x1="225" y1="120" x2="232" y2="113"  transform="rotate(0, 225, 120)"  width="1"  stroke="black"/><line x1="225" y1="120" x2="232" y2="127"  transform="rotate(0, 225, 120)"  width="1"  stroke="black"/><text x="450" y="117"  text-anchor="middle"  transform="rotate(0, 450, 117)"  fill = "black" >1. Load Page </text>
<line x1="225" y1="140" x2="675" y2="140" width = "1" stroke="black"/>
<line x1="675" y1="140" x2="668" y2="133"  transform="rotate(0, 675, 140)"  width="1"  stroke="black"/><line x1="675" y1="140" x2="668" y2="147"  transform="rotate(0, 675, 140)"  width="1"  stroke="black"/><line x1="225" y1="140" x2="232" y2="133"  transform="rotate(0, 225, 140)"  width="1"  stroke="black"/><line x1="225" y1="140" x2="232" y2="147"  transform="rotate(0, 225, 140)"  width="1"  stroke="black"/><text x="450" y="137"  text-anchor="middle"  transform="rotate(0, 450, 137)"  fill = "black" >2. Authenticate</text>
<line x1="375" y1="160" x2="225" y2="160" width = "1" stroke="black"/>
<line x1="225" y1="160" x2="232" y2="153"  transform="rotate(0, 225, 160)"  width="1"  stroke="black"/><line x1="225" y1="160" x2="232" y2="167"  transform="rotate(0, 225, 160)"  width="1"  stroke="black"/><text x="372" y="157"  text-anchor="end"  transform="rotate(0, 372, 157)"  fill = "black" >3. create PeerConnection()</text>
<line x1="225" y1="180" x2="75" y2="180" width = "1" stroke="black"/>
<line x1="75" y1="180" x2="82" y2="173"  transform="rotate(0, 75, 180)"  width="1"  stroke="black"/><line x1="75" y1="180" x2="82" y2="187"  transform="rotate(0, 75, 180)"  width="1"  stroke="black"/><text x="222" y="177"  text-anchor="end"  transform="rotate(0, 222, 177)"  fill = "black" >4. Alloc</text>
<line x1="75" y1="200" x2="225" y2="200" width = "1" stroke="black"/>
<line x1="225" y1="200" x2="218" y2="193"  transform="rotate(0, 225, 200)"  width="1"  stroke="black"/><line x1="225" y1="200" x2="218" y2="207"  transform="rotate(0, 225, 200)"  width="1"  stroke="black"/><text x="78" y="197"  text-anchor="start"  transform="rotate(0, 78, 197)"  fill = "black" >5. IPs and Ports</text>
<line x1="1125" y1="220" x2="675" y2="220" width = "1" stroke="black"/>
<line x1="1125" y1="220" x2="1118" y2="213"  transform="rotate(0, 1125, 220)"  width="1"  stroke="black"/><line x1="1125" y1="220" x2="1118" y2="227"  transform="rotate(0, 1125, 220)"  width="1"  stroke="black"/><line x1="675" y1="220" x2="682" y2="213"  transform="rotate(0, 675, 220)"  width="1"  stroke="black"/><line x1="675" y1="220" x2="682" y2="227"  transform="rotate(0, 675, 220)"  width="1"  stroke="black"/><text x="900" y="217"  text-anchor="middle"  transform="rotate(0, 900, 217)"  fill = "black" >6. Load Page </text>
<line x1="1125" y1="240" x2="675" y2="240" width = "1" stroke="black"/>
<line x1="1125" y1="240" x2="1118" y2="233"  transform="rotate(0, 1125, 240)"  width="1"  stroke="black"/><line x1="1125" y1="240" x2="1118" y2="247"  transform="rotate(0, 1125, 240)"  width="1"  stroke="black"/><line x1="675" y1="240" x2="682" y2="233"  transform="rotate(0, 675, 240)"  width="1"  stroke="black"/><line x1="675" y1="240" x2="682" y2="247"  transform="rotate(0, 675, 240)"  width="1"  stroke="black"/><text x="900" y="237"  text-anchor="middle"  transform="rotate(0, 900, 237)"  fill = "black" >7. Authenticate</text>
<line x1="975" y1="260" x2="1125" y2="260" width = "1" stroke="black"/>
<line x1="1125" y1="260" x2="1118" y2="253"  transform="rotate(0, 1125, 260)"  width="1"  stroke="black"/><line x1="1125" y1="260" x2="1118" y2="267"  transform="rotate(0, 1125, 260)"  width="1"  stroke="black"/><text x="978" y="257"  text-anchor="start"  transform="rotate(0, 978, 257)"  fill = "black" >8. create PeerConnection()</text>
<line x1="1125" y1="280" x2="1275" y2="280" width = "1" stroke="black"/>
<line x1="1275" y1="280" x2="1268" y2="273"  transform="rotate(0, 1275, 280)"  width="1"  stroke="black"/><line x1="1275" y1="280" x2="1268" y2="287"  transform="rotate(0, 1275, 280)"  width="1"  stroke="black"/><text x="1128" y="277"  text-anchor="start"  transform="rotate(0, 1128, 277)"  fill = "black" >9. Alloc</text>
<line x1="1275" y1="300" x2="1125" y2="300" width = "1" stroke="black"/>
<line x1="1125" y1="300" x2="1132" y2="293"  transform="rotate(0, 1125, 300)"  width="1"  stroke="black"/><line x1="1125" y1="300" x2="1132" y2="307"  transform="rotate(0, 1125, 300)"  width="1"  stroke="black"/><text x="1272" y="297"  text-anchor="end"  transform="rotate(0, 1272, 297)"  fill = "black" >10. IPs and Ports</text>
<line x1="525" y1="320" x2="375" y2="320" width = "1" stroke="black"/>
<line x1="375" y1="320" x2="382" y2="313"  transform="rotate(0, 375, 320)"  width="1"  stroke="black"/><line x1="375" y1="320" x2="382" y2="327"  transform="rotate(0, 375, 320)"  width="1"  stroke="black"/><text x="522" y="317"  text-anchor="end"  transform="rotate(0, 522, 317)"  fill = "black" >11. Call Bob </text>
<line x1="375" y1="340" x2="225" y2="340" width = "1" stroke="black"/>
<line x1="225" y1="340" x2="232" y2="333"  transform="rotate(0, 225, 340)"  width="1"  stroke="black"/><line x1="225" y1="340" x2="232" y2="347"  transform="rotate(0, 225, 340)"  width="1"  stroke="black"/><text x="372" y="337"  text-anchor="end"  transform="rotate(0, 372, 337)"  fill = "black" >12. addStream( data )</text>
<line x1="375" y1="360" x2="225" y2="360" width = "1" stroke="black"/>
<line x1="225" y1="360" x2="232" y2="353"  transform="rotate(0, 225, 360)"  width="1"  stroke="black"/><line x1="225" y1="360" x2="232" y2="367"  transform="rotate(0, 225, 360)"  width="1"  stroke="black"/><text x="372" y="357"  text-anchor="end"  transform="rotate(0, 372, 357)"  fill = "black" >13. addStream( audio/video )</text>
<line x1="375" y1="380" x2="225" y2="380" width = "1" stroke="black"/>
<line x1="225" y1="380" x2="232" y2="373"  transform="rotate(0, 225, 380)"  width="1"  stroke="black"/><line x1="225" y1="380" x2="232" y2="387"  transform="rotate(0, 225, 380)"  width="1"  stroke="black"/><text x="372" y="377"  text-anchor="end"  transform="rotate(0, 372, 377)"  fill = "black" >14. createOffer</text>
<line x1="225" y1="400" x2="375" y2="400" width = "1" stroke="black"/>
<line x1="375" y1="400" x2="368" y2="393"  transform="rotate(0, 375, 400)"  width="1"  stroke="black"/><line x1="375" y1="400" x2="368" y2="407"  transform="rotate(0, 375, 400)"  width="1"  stroke="black"/><text x="228" y="397"  text-anchor="start"  transform="rotate(0, 228, 397)"  fill = "black" >15. offer</text>
<line x1="375" y1="420" x2="225" y2="420" width = "1" stroke="black"/>
<line x1="225" y1="420" x2="232" y2="413"  transform="rotate(0, 225, 420)"  width="1"  stroke="black"/><line x1="225" y1="420" x2="232" y2="427"  transform="rotate(0, 225, 420)"  width="1"  stroke="black"/><text x="372" y="417"  text-anchor="end"  transform="rotate(0, 372, 417)"  fill = "black" >16. setLocal</text>
<line x1="375" y1="440" x2="675" y2="440" width = "1" stroke="black"/>
<line x1="675" y1="440" x2="668" y2="433"  transform="rotate(0, 675, 440)"  width="1"  stroke="black"/><line x1="675" y1="440" x2="668" y2="447"  transform="rotate(0, 675, 440)"  width="1"  stroke="black"/><text x="378" y="437"  text-anchor="start"  transform="rotate(0, 378, 437)"  fill = "black" >17. Offer to Bob</text>
<line x1="675" y1="460" x2="975" y2="460" width = "1" stroke="black"/>
<line x1="975" y1="460" x2="968" y2="453"  transform="rotate(0, 975, 460)"  width="1"  stroke="black"/><line x1="975" y1="460" x2="968" y2="467"  transform="rotate(0, 975, 460)"  width="1"  stroke="black"/><text x="678" y="457"  text-anchor="start"  transform="rotate(0, 678, 457)"  fill = "black" >18. Offer</text>
<line x1="975" y1="480" x2="1125" y2="480" width = "1" stroke="black"/>
<line x1="1125" y1="480" x2="1118" y2="473"  transform="rotate(0, 1125, 480)"  width="1"  stroke="black"/><line x1="1125" y1="480" x2="1118" y2="487"  transform="rotate(0, 1125, 480)"  width="1"  stroke="black"/><text x="978" y="477"  text-anchor="start"  transform="rotate(0, 978, 477)"  fill = "black" >19. SetRemote </text>
<line x1="1125" y1="500" x2="975" y2="500" width = "1" stroke="black"/>
<line x1="975" y1="500" x2="982" y2="493"  transform="rotate(0, 975, 500)"  width="1"  stroke="black"/><line x1="975" y1="500" x2="982" y2="507"  transform="rotate(0, 975, 500)"  width="1"  stroke="black"/><text x="1122" y="497"  text-anchor="end"  transform="rotate(0, 1122, 497)"  fill = "black" >20. TBD Remote has audio, video, and data </text>
<line x1="975" y1="520" x2="825" y2="520" width = "1" stroke="black"/>
<line x1="825" y1="520" x2="832" y2="513"  transform="rotate(0, 825, 520)"  width="1"  stroke="black"/><line x1="825" y1="520" x2="832" y2="527"  transform="rotate(0, 825, 520)"  width="1"  stroke="black"/><text x="972" y="517"  text-anchor="end"  transform="rotate(0, 972, 517)"  fill = "black" >21. Phones Ringing Dude</text>
<line x1="975" y1="540" x2="1125" y2="540" width = "1" stroke="black"/>
<line x1="1125" y1="540" x2="1118" y2="533"  transform="rotate(0, 1125, 540)"  width="1"  stroke="black"/><line x1="1125" y1="540" x2="1118" y2="547"  transform="rotate(0, 1125, 540)"  width="1"  stroke="black"/><text x="978" y="537"  text-anchor="start"  transform="rotate(0, 978, 537)"  fill = "black" >22. addStream( data )</text>
<line x1="975" y1="560" x2="1125" y2="560" width = "1" stroke="black"/>
<line x1="1125" y1="560" x2="1118" y2="553"  transform="rotate(0, 1125, 560)"  width="1"  stroke="black"/><line x1="1125" y1="560" x2="1118" y2="567"  transform="rotate(0, 1125, 560)"  width="1"  stroke="black"/><text x="978" y="557"  text-anchor="start"  transform="rotate(0, 978, 557)"  fill = "black" >23. createAnswer( Provisional, RelayOnly )</text>
<line x1="1125" y1="580" x2="975" y2="580" width = "1" stroke="black"/>
<line x1="975" y1="580" x2="982" y2="573"  transform="rotate(0, 975, 580)"  width="1"  stroke="black"/><line x1="975" y1="580" x2="982" y2="587"  transform="rotate(0, 975, 580)"  width="1"  stroke="black"/><text x="1122" y="577"  text-anchor="end"  transform="rotate(0, 1122, 577)"  fill = "black" >24. PR_Answer</text>
<line x1="975" y1="600" x2="1125" y2="600" width = "1" stroke="black"/>
<line x1="1125" y1="600" x2="1118" y2="593"  transform="rotate(0, 1125, 600)"  width="1"  stroke="black"/><line x1="1125" y1="600" x2="1118" y2="607"  transform="rotate(0, 1125, 600)"  width="1"  stroke="black"/><text x="978" y="597"  text-anchor="start"  transform="rotate(0, 978, 597)"  fill = "black" >25. setLocal</text>
<line x1="975" y1="620" x2="675" y2="620" width = "1" stroke="black"/>
<line x1="675" y1="620" x2="682" y2="613"  transform="rotate(0, 675, 620)"  width="1"  stroke="black"/><line x1="675" y1="620" x2="682" y2="627"  transform="rotate(0, 675, 620)"  width="1"  stroke="black"/><text x="972" y="617"  text-anchor="end"  transform="rotate(0, 972, 617)"  fill = "black" >26. PR_Answer to Alice </text>
<line x1="1125" y1="620" x2="1275" y2="620" width = "1" stroke="black"/>
<line x1="1275" y1="620" x2="1268" y2="613"  transform="rotate(0, 1275, 620)"  width="1"  stroke="black"/><line x1="1275" y1="620" x2="1268" y2="627"  transform="rotate(0, 1275, 620)"  width="1"  stroke="black"/><text x="1128" y="617"  text-anchor="start"  transform="rotate(0, 1128, 617)"  fill = "black" >27. Perm</text>
<line x1="1125" y1="640" x2="975" y2="640" width = "1" stroke="black"/>
<line x1="975" y1="640" x2="982" y2="633"  transform="rotate(0, 975, 640)"  width="1"  stroke="black"/><line x1="975" y1="640" x2="982" y2="647"  transform="rotate(0, 975, 640)"  width="1"  stroke="black"/><text x="1122" y="637"  text-anchor="end"  transform="rotate(0, 1122, 637)"  fill = "black" >28. onRemoteStream( data )</text>
<line x1="1125" y1="660" x2="1275" y2="660" width = "1" stroke="black"/>
<line x1="1275" y1="660" x2="1268" y2="653"  transform="rotate(0, 1275, 660)"  width="1"  stroke="black"/><line x1="1275" y1="660" x2="1268" y2="667"  transform="rotate(0, 1275, 660)"  width="1"  stroke="black"/><line x1="1125" y1="660" x2="1132" y2="653"  transform="rotate(0, 1125, 660)"  width="1"  stroke="black"/><line x1="1125" y1="660" x2="1132" y2="667"  transform="rotate(0, 1125, 660)"  width="1"  stroke="black"/><text x="1200" y="657"  text-anchor="middle"  transform="rotate(0, 1200, 657)"  fill = "black" >29. ICE Check</text>
<line x1="1275" y1="680" x2="225" y2="680" width = "1" stroke="black"/>
<line x1="1275" y1="680" x2="1268" y2="673"  transform="rotate(0, 1275, 680)"  width="1"  stroke="black"/><line x1="1275" y1="680" x2="1268" y2="687"  transform="rotate(0, 1275, 680)"  width="1"  stroke="black"/><line x1="225" y1="680" x2="232" y2="673"  transform="rotate(0, 225, 680)"  width="1"  stroke="black"/><line x1="225" y1="680" x2="232" y2="687"  transform="rotate(0, 225, 680)"  width="1"  stroke="black"/><text x="750" y="677"  text-anchor="middle"  transform="rotate(0, 750, 677)"  fill = "black" >30. ICE Check </text>
<line x1="1125" y1="700" x2="1275" y2="700" width = "1" stroke="black"/>
<line x1="1275" y1="700" x2="1268" y2="693"  transform="rotate(0, 1275, 700)"  width="1"  stroke="black"/><line x1="1275" y1="700" x2="1268" y2="707"  transform="rotate(0, 1275, 700)"  width="1"  stroke="black"/><line x1="1125" y1="700" x2="1132" y2="693"  transform="rotate(0, 1125, 700)"  width="1"  stroke="black"/><line x1="1125" y1="700" x2="1132" y2="707"  transform="rotate(0, 1125, 700)"  width="1"  stroke="black"/><text x="1200" y="697"  text-anchor="middle"  transform="rotate(0, 1200, 697)"  fill = "black" >31. DTLS</text>
<line x1="1275" y1="720" x2="225" y2="720" width = "1" stroke="black"/>
<line x1="1275" y1="720" x2="1268" y2="713"  transform="rotate(0, 1275, 720)"  width="1"  stroke="black"/><line x1="1275" y1="720" x2="1268" y2="727"  transform="rotate(0, 1275, 720)"  width="1"  stroke="black"/><line x1="225" y1="720" x2="232" y2="713"  transform="rotate(0, 225, 720)"  width="1"  stroke="black"/><line x1="225" y1="720" x2="232" y2="727"  transform="rotate(0, 225, 720)"  width="1"  stroke="black"/><text x="750" y="717"  text-anchor="middle"  transform="rotate(0, 750, 717)"  fill = "black" >32. DTLS</text>
<line x1="1125" y1="740" x2="1275" y2="740" width = "1" stroke="black"/>
<line x1="1275" y1="740" x2="1268" y2="733"  transform="rotate(0, 1275, 740)"  width="1"  stroke="black"/><line x1="1275" y1="740" x2="1268" y2="747"  transform="rotate(0, 1275, 740)"  width="1"  stroke="black"/><line x1="1125" y1="740" x2="1132" y2="733"  transform="rotate(0, 1125, 740)"  width="1"  stroke="black"/><line x1="1125" y1="740" x2="1132" y2="747"  transform="rotate(0, 1125, 740)"  width="1"  stroke="black"/><text x="1200" y="737"  text-anchor="middle"  transform="rotate(0, 1200, 737)"  fill = "black" >33. SCTP/Data</text>
<line x1="1275" y1="760" x2="225" y2="760" width = "1" stroke="black"/>
<line x1="1275" y1="760" x2="1268" y2="753"  transform="rotate(0, 1275, 760)"  width="1"  stroke="black"/><line x1="1275" y1="760" x2="1268" y2="767"  transform="rotate(0, 1275, 760)"  width="1"  stroke="black"/><line x1="225" y1="760" x2="232" y2="753"  transform="rotate(0, 225, 760)"  width="1"  stroke="black"/><line x1="225" y1="760" x2="232" y2="767"  transform="rotate(0, 225, 760)"  width="1"  stroke="black"/><text x="750" y="757"  text-anchor="middle"  transform="rotate(0, 750, 757)"  fill = "black" >34. SCTP/Data</text>
<line x1="225" y1="780" x2="375" y2="780" width = "1" stroke="black"/>
<line x1="375" y1="780" x2="368" y2="773"  transform="rotate(0, 375, 780)"  width="1"  stroke="black"/><line x1="375" y1="780" x2="368" y2="787"  transform="rotate(0, 375, 780)"  width="1"  stroke="black"/><text x="228" y="777"  text-anchor="start"  transform="rotate(0, 228, 777)"  fill = "black" >35. onRemoteStream( data )</text>
<line x1="675" y1="620" x2="375" y2="800" width = "1" stroke="black"/>
<line x1="375" y1="800" x2="382" y2="793"  transform="rotate(-30.97946179895068, 375, 800)"  width="1"  stroke="black"/><line x1="375" y1="800" x2="382" y2="807"  transform="rotate(-30.97946179895068, 375, 800)"  width="1"  stroke="black"/><text x="672" y="617"  text-anchor="end"  transform="rotate(-30.97946179895068, 672, 617)"  fill = "black" >36. PR_Answer </text>
<line x1="375" y1="820" x2="225" y2="820" width = "1" stroke="black"/>
<line x1="225" y1="820" x2="232" y2="813"  transform="rotate(0, 225, 820)"  width="1"  stroke="black"/><line x1="225" y1="820" x2="232" y2="827"  transform="rotate(0, 225, 820)"  width="1"  stroke="black"/><text x="372" y="817"  text-anchor="end"  transform="rotate(0, 372, 817)"  fill = "black" >37. setRemote</text>
<line x1="225" y1="840" x2="75" y2="840" width = "1" stroke="black"/>
<line x1="75" y1="840" x2="82" y2="833"  transform="rotate(0, 75, 840)"  width="1"  stroke="black"/><line x1="75" y1="840" x2="82" y2="847"  transform="rotate(0, 75, 840)"  width="1"  stroke="black"/><text x="222" y="837"  text-anchor="end"  transform="rotate(0, 222, 837)"  fill = "black" >38. Perm</text>
<line x1="825" y1="860" x2="975" y2="860" width = "1" stroke="black"/>
<line x1="975" y1="860" x2="968" y2="853"  transform="rotate(0, 975, 860)"  width="1"  stroke="black"/><line x1="975" y1="860" x2="968" y2="867"  transform="rotate(0, 975, 860)"  width="1"  stroke="black"/><text x="828" y="857"  text-anchor="start"  transform="rotate(0, 828, 857)"  fill = "black" >39. Accept Audio and Video </text>
<line x1="975" y1="880" x2="1125" y2="880" width = "1" stroke="black"/>
<line x1="1125" y1="880" x2="1118" y2="873"  transform="rotate(0, 1125, 880)"  width="1"  stroke="black"/><line x1="1125" y1="880" x2="1118" y2="887"  transform="rotate(0, 1125, 880)"  width="1"  stroke="black"/><text x="978" y="877"  text-anchor="start"  transform="rotate(0, 978, 877)"  fill = "black" >40. addStream( audio/video )</text>
<line x1="975" y1="900" x2="1125" y2="900" width = "1" stroke="black"/>
<line x1="1125" y1="900" x2="1118" y2="893"  transform="rotate(0, 1125, 900)"  width="1"  stroke="black"/><line x1="1125" y1="900" x2="1118" y2="907"  transform="rotate(0, 1125, 900)"  width="1"  stroke="black"/><text x="978" y="897"  text-anchor="start"  transform="rotate(0, 978, 897)"  fill = "black" >41. createAnswer</text>
<line x1="1125" y1="920" x2="975" y2="920" width = "1" stroke="black"/>
<line x1="975" y1="920" x2="982" y2="913"  transform="rotate(0, 975, 920)"  width="1"  stroke="black"/><line x1="975" y1="920" x2="982" y2="927"  transform="rotate(0, 975, 920)"  width="1"  stroke="black"/><text x="1122" y="917"  text-anchor="end"  transform="rotate(0, 1122, 917)"  fill = "black" >42. Answer </text>
<line x1="975" y1="940" x2="1125" y2="940" width = "1" stroke="black"/>
<line x1="1125" y1="940" x2="1118" y2="933"  transform="rotate(0, 1125, 940)"  width="1"  stroke="black"/><line x1="1125" y1="940" x2="1118" y2="947"  transform="rotate(0, 1125, 940)"  width="1"  stroke="black"/><text x="978" y="937"  text-anchor="start"  transform="rotate(0, 978, 937)"  fill = "black" >43. setLocal</text>
<line x1="975" y1="960" x2="675" y2="960" width = "1" stroke="black"/>
<line x1="675" y1="960" x2="682" y2="953"  transform="rotate(0, 675, 960)"  width="1"  stroke="black"/><line x1="675" y1="960" x2="682" y2="967"  transform="rotate(0, 675, 960)"  width="1"  stroke="black"/><text x="972" y="957"  text-anchor="end"  transform="rotate(0, 972, 957)"  fill = "black" >44. Answer to Alice</text>
<line x1="1125" y1="980" x2="975" y2="980" width = "1" stroke="black"/>
<line x1="975" y1="980" x2="982" y2="973"  transform="rotate(0, 975, 980)"  width="1"  stroke="black"/><line x1="975" y1="980" x2="982" y2="987"  transform="rotate(0, 975, 980)"  width="1"  stroke="black"/><text x="1122" y="977"  text-anchor="end"  transform="rotate(0, 1122, 977)"  fill = "black" >45. onRemoteStream( audio/video )</text>
<line x1="1125" y1="1000" x2="1275" y2="1000" width = "1" stroke="black"/>
<line x1="1275" y1="1000" x2="1268" y2="993"  transform="rotate(0, 1275, 1000)"  width="1"  stroke="black"/><line x1="1275" y1="1000" x2="1268" y2="1007"  transform="rotate(0, 1275, 1000)"  width="1"  stroke="black"/><line x1="1125" y1="1000" x2="1132" y2="993"  transform="rotate(0, 1125, 1000)"  width="1"  stroke="black"/><line x1="1125" y1="1000" x2="1132" y2="1007"  transform="rotate(0, 1125, 1000)"  width="1"  stroke="black"/><text x="1200" y="997"  text-anchor="middle"  transform="rotate(0, 1200, 997)"  fill = "black" >46. RTP/Data</text>
<line x1="1275" y1="1020" x2="225" y2="1020" width = "1" stroke="black"/>
<line x1="1275" y1="1020" x2="1268" y2="1013"  transform="rotate(0, 1275, 1020)"  width="1"  stroke="black"/><line x1="1275" y1="1020" x2="1268" y2="1027"  transform="rotate(0, 1275, 1020)"  width="1"  stroke="black"/><line x1="225" y1="1020" x2="232" y2="1013"  transform="rotate(0, 225, 1020)"  width="1"  stroke="black"/><line x1="225" y1="1020" x2="232" y2="1027"  transform="rotate(0, 225, 1020)"  width="1"  stroke="black"/><text x="750" y="1017"  text-anchor="middle"  transform="rotate(0, 750, 1017)"  fill = "black" >47. RTP/Data</text>
<line x1="1125" y1="1040" x2="225" y2="1040" width = "1" stroke="black"/>
<line x1="1125" y1="1040" x2="1118" y2="1033"  transform="rotate(0, 1125, 1040)"  width="1"  stroke="black"/><line x1="1125" y1="1040" x2="1118" y2="1047"  transform="rotate(0, 1125, 1040)"  width="1"  stroke="black"/><line x1="225" y1="1040" x2="232" y2="1033"  transform="rotate(0, 225, 1040)"  width="1"  stroke="black"/><line x1="225" y1="1040" x2="232" y2="1047"  transform="rotate(0, 225, 1040)"  width="1"  stroke="black"/><text x="675" y="1037"  text-anchor="middle"  transform="rotate(0, 675, 1037)"  fill = "black" >48. ICE Check</text>
<line x1="1125" y1="1060" x2="225" y2="1060" width = "1" stroke="black"/>
<line x1="1125" y1="1060" x2="1118" y2="1053"  transform="rotate(0, 1125, 1060)"  width="1"  stroke="black"/><line x1="1125" y1="1060" x2="1118" y2="1067"  transform="rotate(0, 1125, 1060)"  width="1"  stroke="black"/><line x1="225" y1="1060" x2="232" y2="1053"  transform="rotate(0, 225, 1060)"  width="1"  stroke="black"/><line x1="225" y1="1060" x2="232" y2="1067"  transform="rotate(0, 225, 1060)"  width="1"  stroke="black"/><text x="675" y="1057"  text-anchor="middle"  transform="rotate(0, 675, 1057)"  fill = "black" >49. RTP/Data</text>
<line x1="675" y1="960" x2="375" y2="1080" width = "1" stroke="black"/>
<line x1="375" y1="1080" x2="382" y2="1073"  transform="rotate(-21.812467477778878, 375, 1080)"  width="1"  stroke="black"/><line x1="375" y1="1080" x2="382" y2="1087"  transform="rotate(-21.812467477778878, 375, 1080)"  width="1"  stroke="black"/><text x="672" y="957"  text-anchor="end"  transform="rotate(-21.812467477778878, 672, 957)"  fill = "black" >50. Answer </text>
<line x1="375" y1="1100" x2="225" y2="1100" width = "1" stroke="black"/>
<line x1="225" y1="1100" x2="232" y2="1093"  transform="rotate(0, 225, 1100)"  width="1"  stroke="black"/><line x1="225" y1="1100" x2="232" y2="1107"  transform="rotate(0, 225, 1100)"  width="1"  stroke="black"/><text x="372" y="1097"  text-anchor="end"  transform="rotate(0, 372, 1097)"  fill = "black" >51. setRemote </text>
</svg>

Received on Monday, 13 August 2012 18:45:18 UTC