JSFiddle - React, Tailwind, and code Playground

by henbos

JavaScript

const remoteSdpWithApplicationFirst =
    'v=0\r\no=- 4190160408169296450 2 IN IP4 127.0.0.1\r\ns=-\r\nt=0 0\r\na=group:BUNDLE 0 1 2\r\na=extmap-allow-mixed\r\na=msid-semantic: WMS\r\nm=application 9 UDP/DTLS/SCTP webrtc-datachannel\r\nc=IN IP4 0.0.0.0\r\na=ice-ufrag:DX3O\r\na=ice-pwd:UZsEq2kz3Tvmexuiiz5I40Th\r\na=ice-options:trickle\r\na=fingerprint:sha-256 0E:B2:06:A9:0C:E4:89:25:1C:62:5C:46:38:B5:37:49:C4:AC:E4:7A:8E:8E:63:80:78:D8:2C:81:D7:59:94:A0\r\na=setup:actpass\r\na=mid:0\r\na=sctp-port:5000\r\na=max-message-size:262144\r\nm=audio 9 UDP/TLS/RTP/SAVPF 111 63 9 0 8 13 110 126\r\nc=IN IP4 0.0.0.0\r\na=rtcp:9 IN IP4 0.0.0.0\r\na=ice-ufrag:DX3O\r\na=ice-pwd:UZsEq2kz3Tvmexuiiz5I40Th\r\na=ice-options:trickle\r\na=fingerprint:sha-256 0E:B2:06:A9:0C:E4:89:25:1C:62:5C:46:38:B5:37:49:C4:AC:E4:7A:8E:8E:63:80:78:D8:2C:81:D7:59:94:A0\r\na=setup:actpass\r\na=mid:1\r\na=extmap:1 urn:ietf:params:rtp-hdrext:ssrc-audio-level\r\na=extmap:2 http://www.webrtc.org/experiments/rtp-hdrext/abs-send-time\r\na=extmap:3 http://www.ietf.org/id/draft-holmer-rmcat-transport-wide-cc-extensions-01\r\na=extmap:4 urn:ietf:params:rtp-hdrext:sdes:mid\r\na=sendrecv\r\na=msid:- 08d6af2c-eeb0-45a4-819a-5ad4dc546cea\r\na=rtcp-mux\r\na=rtcp-rsize\r\na=rtpmap:111 opus/48000/2\r\na=rtcp-fb:111 transport-cc\r\na=fmtp:111 minptime=10;useinbandfec=1\r\na=rtpmap:63 red/48000/2\r\na=fmtp:63 111/111\r\na=rtpmap:9 G722/8000\r\na=rtpmap:0 PCMU/8000\r\na=rtpmap:8 PCMA/8000\r\na=rtpmap:13 CN/8000\r\na=rtpmap:110 telephone-event/48000\r\na=rtpmap:126 telephone-event/8000\r\na=ssrc:480719178 cname:ii6FARpoUkFNowLo\r\na=ssrc:480719178 msid:- 08d6af2c-eeb0-45a4-819a-5ad4dc546cea\r\nm=video 9 UDP/TLS/RTP/SAVPF 96 97 103 104 107 108 109 114 115 116 117 118 39 40 45 46 98 99 100 101 119 120 49 50 123 124 125\r\nc=IN IP4 0.0.0.0\r\na=rtcp:9 IN IP4 0.0.0.0\r\na=ice-ufrag:DX3O\r\na=ice-pwd:UZsEq2kz3Tvmexuiiz5I40Th\r\na=ice-options:trickle\r\na=fingerprint:sha-256...