whepts 1.0.3 → 1.0.4

package/dist/errors.d.ts

@@ -8,7 +8,9 @@ export type ErrorType = string;
 export declare const ErrorTypes: {
     SIGNAL_ERROR: string;
     STATE_ERROR: string;
-    NETWORK_ERROR: string;
+    REQUEST_ERROR: string;
+    NOT_FOUND_ERROR: string;
+    CONNECT_ERROR: string;
     MEDIA_ERROR: string;
     OTHER_ERROR: string;
 };

package/dist/index.js

@@ -1 +1 @@
-const e={SIGNAL_ERROR:"SignalError",STATE_ERROR:"StateError",NETWORK_ERROR:"NetworkError",MEDIA_ERROR:"MediaError",OTHER_ERROR:"OtherError"};class t extends Error{constructor(e,t,s){super(t,s),this.type=e}}class s{static async supportsNonAdvertisedCodec(e,t){return new Promise(n=>{const r=new RTCPeerConnection({iceServers:[]}),i="audio";let a="";r.addTransceiver(i,{direction:"recvonly"}),r.createOffer().then(n=>{if(!n.sdp)throw new Error("SDP not present");if(n.sdp.includes(` ${e}`))throw new Error("already present");const c=n.sdp.split(`m=${i}`),o=c.slice(1).map(e=>e.split("\r\n")[0].split(" ").slice(3)).reduce((e,t)=>[...e,...t],[]);a=s.reservePayloadType(o);const h=c[1].split("\r\n");return h[0]+=` ${a}`,h.splice(h.length-1,0,`a=rtpmap:${a} ${e}`),void 0!==t&&h.splice(h.length-1,0,`a=fmtp:${a} ${t}`),c[1]=h.join("\r\n"),n.sdp=c.join(`m=${i}`),r.setLocalDescription(n)}).then(()=>r.setRemoteDescription(new RTCSessionDescription({type:"answer",sdp:`v=0\r\no=- 6539324223450680508 0 IN IP4 0.0.0.0\r\ns=-\r\nt=0 0\r\na=fingerprint:sha-256 0D:9F:78:15:42:B5:4B:E6:E2:94:3E:5B:37:78:E1:4B:54:59:A3:36:3A:E5:05:EB:27:EE:8F:D2:2D:41:29:25\r\nm=${i} 9 UDP/TLS/RTP/SAVPF ${a}\r\nc=IN IP4 0.0.0.0\r\na=ice-pwd:7c3bf4770007e7432ee4ea4d697db675\r\na=ice-ufrag:29e036dc\r\na=sendonly\r\na=rtcp-mux\r\na=rtpmap:${a} ${e}\r\n${void 0!==t?`a=fmtp:${a} ${t}\r\n`:""}`}))).then(()=>n(!0)).catch(()=>n(!1)).finally(()=>r.close())})}static unquoteCredential(e){return JSON.parse(`"${e}"`)}static linkToIceServers(n){return n?n.split(", ").map(n=>{const r=n.match(/^<(.+?)>; rel="ice-server"(; username="(.*?)"; credential="(.*?)"; credential-type="password")?/i);if(!r)throw new t(e.SIGNAL_ERROR,"Invalid ICE server link format");const i={urls:[r[1]]};return r[3]&&(i.username=s.unquoteCredential(r[3]),i.credential=s.unquoteCredential(r[4]),i.credentialType="password"),i}):[]}static reservePayloadType(e){for(let t=30;t<=127;t++)if((t<=63||t>=96)&&!e.includes(t.toString())){const s=t.toString();return e.push(s),s}throw new Error("unable to find a free payload type")}}class n{constructor(e,t){this.getState=e,this.callbacks=t}detect(){Promise.all([["pcma/8000/2"],["multiopus/48000/6","channel_mapping=0,4,1,2,3,5;num_streams=4;coupled_streams=2"],["L16/48000/2"]].map(e=>s.supportsNonAdvertisedCodec(e[0],e[1]).then(t=>!!t&&e[0]))).then(e=>e.filter(e=>!1!==e)).then(s=>{if("getting_codecs"!==this.getState())throw new t(e.STATE_ERROR,"closed");this.callbacks.onCodecsDetected(s)}).catch(e=>this.callbacks.onError(e))}}class r{static parseOffer(e){const t={iceUfrag:"",icePwd:"",medias:[]};for(const s of e.split("\r\n"))s.startsWith("m=")?t.medias.push(s.slice(2)):""===t.iceUfrag&&s.startsWith("a=ice-ufrag:")?t.iceUfrag=s.slice(12):""===t.icePwd&&s.startsWith("a=ice-pwd:")&&(t.icePwd=s.slice(10));return t}static reservePayloadType(e){for(let t=30;t<=127;t++)if((t<=63||t>=96)&&!e.includes(t.toString())){const s=t.toString();return e.push(s),s}throw new Error("unable to find a free payload type")}static enableStereoPcmau(e,t){const s=t.split("\r\n");let n=r.reservePayloadType(e);return s[0]+=` ${n}`,s.splice(s.length-1,0,`a=rtpmap:${n} PCMU/8000/2`),s.splice(s.length-1,0,`a=rtcp-fb:${n} transport-cc`),n=r.reservePayloadType(e),s[0]+=` ${n}`,s.splice(s.length-1,0,`a=rtpmap:${n} PCMA/8000/2`),s.splice(s.length-1,0,`a=rtcp-fb:${n} transport-cc`),s.join("\r\n")}static enableMultichannelOpus(e,t){const s=t.split("\r\n");let n=r.reservePayloadType(e);return s[0]+=` ${n}`,s.splice(s.length-1,0,`a=rtpmap:${n} multiopus/48000/3`),s.splice(s.length-1,0,`a=fmtp:${n} channel_mapping=0,2,1;num_streams=2;coupled_streams=1`),s.splice(s.length-1,0,`a=rtcp-fb:${n} transport-cc`),n=r.reservePayloadType(e),s[0]+=` ${n}`,s.splice(s.length-1,0,`a=rtpmap:${n} multiopus/48000/4`),s.splice(s.length-1,0,`a=fmtp:${n} channel_mapping=0,1,2,3;num_streams=2;coupled_streams=2`),s.splice(s.length-1,0,`a=rtcp-fb:${n} transport-cc`),n=r.reservePayloadType(e),s[0]+=` ${n}`,s.splice(s.length-1,0,`a=rtpmap:${n} multiopus/48000/5`),s.splice(s.length-1,0,`a=fmtp:${n} channel_mapping=0,4,1,2,3;num_streams=3;coupled_streams=2`),s.splice(s.length-1,0,`a=rtcp-fb:${n} transport-cc`),n=r.reservePayloadType(e),s[0]+=` ${n}`,s.splice(s.length-1,0,`a=rtpmap:${n} multiopus/48000/6`),s.splice(s.length-1,0,`a=fmtp:${n} channel_mapping=0,4,1,2,3,5;num_streams=4;coupled_streams=2`),s.splice(s.length-1,0,`a=rtcp-fb:${n} transport-cc`),n=r.reservePayloadType(e),s[0]+=` ${n}`,s.splice(s.length-1,0,`a=rtpmap:${n} multiopus/48000/7`),s.splice(s.length-1,0,`a=fmtp:${n} channel_mapping=0,4,1,2,3,5,6;num_streams=4;coupled_streams=4`),s.splice(s.length-1,0,`a=rtcp-fb:${n} transport-cc`),n=r.reservePayloadType(e),s[0]+=` ${n}`,s.splice(s.length-1,0,`a=rtpmap:${n} multiopus/48000/8`),s.splice(s.length-1,0,`a=fmtp:${n} channel_mapping=0,6,1,4,5,2,3,7;num_streams=5;coupled_streams=4`),s.splice(s.length-1,0,`a=rtcp-fb:${n} transport-cc`),s.join("\r\n")}static enableL16(e,t){const s=t.split("\r\n");let n=r.reservePayloadType(e);return s[0]+=` ${n}`,s.splice(s.length-1,0,`a=rtpmap:${n} L16/8000/2`),s.splice(s.length-1,0,`a=rtcp-fb:${n} transport-cc`),n=r.reservePayloadType(e),s[0]+=` ${n}`,s.splice(s.length-1,0,`a=rtpmap:${n} L16/16000/2`),s.splice(s.length-1,0,`a=rtcp-fb:${n} transport-cc`),n=r.reservePayloadType(e),s[0]+=` ${n}`,s.splice(s.length-1,0,`a=rtpmap:${n} L16/48000/2`),s.splice(s.length-1,0,`a=rtcp-fb:${n} transport-cc`),s.join("\r\n")}static enableStereoOpus(e){let t="";const s=e.split("\r\n");for(let e=0;e<s.length;e++)if(s[e].startsWith("a=rtpmap:")&&s[e].toLowerCase().includes("opus/")){t=s[e].slice(9).split(" ")[0];break}if(""===t)return e;for(let e=0;e<s.length;e++)s[e].startsWith(`a=fmtp:${t} `)&&(s[e].includes("stereo")||(s[e]+=";stereo=1"),s[e].includes("sprop-stereo")||(s[e]+=";sprop-stereo=1"));return s.join("\r\n")}static editOffer(e,t){const s=e.split("m="),n=s.slice(1).map(e=>e.split("\r\n")[0].split(" ").slice(3)).reduce((e,t)=>[...e,...t],[]);for(let e=1;e<s.length;e++)if(s[e].startsWith("audio")){s[e]=r.enableStereoOpus(s[e]),t.includes("pcma/8000/2")&&(s[e]=r.enableStereoPcmau(n,s[e])),t.includes("multiopus/48000/6")&&(s[e]=r.enableMultichannelOpus(n,s[e])),t.includes("L16/48000/2")&&(s[e]=r.enableL16(n,s[e]));break}return s.join("m=")}static generateSdpFragment(e,t){const s={};for(const e of t){const t=e.sdpMLineIndex;t&&(void 0===s[t]&&(s[t]=[]),s[t].push(e))}let n=`a=ice-ufrag:${e.iceUfrag}\r\na=ice-pwd:${e.icePwd}\r\n`,r=0;for(const t of e.medias){if(void 0!==s[r]){n+=`m=${t}\r\na=mid:${r}\r\n`;for(const e of s[r])n+=`a=${e.candidate}\r\n`}r++}return n}}class i{constructor(e,t,s=[]){this.getState=e,this.callbacks=t,this.nonAdvertisedCodecs=s}async setupPeerConnection(s){if("running"!==this.getState())throw new t(e.STATE_ERROR,"closed");const n=new RTCPeerConnection({iceServers:s,sdpSemantics:"unified-plan"});this.pc=n;const i="recvonly";return n.addTransceiver("video",{direction:i}),n.addTransceiver("audio",{direction:i}),n.onicecandidate=e=>this.onLocalCandidate(e),n.onconnectionstatechange=()=>this.onConnectionState(),n.oniceconnectionstatechange=()=>this.onIceConnectionState(),n.ontrack=e=>this.callbacks.onTrack(e),n.createOffer().then(s=>{if(!s.sdp)throw new t(e.SIGNAL_ERROR,"Failed to create offer SDP");return s.sdp=r.editOffer(s.sdp,this.nonAdvertisedCodecs),this.offerData=r.parseOffer(s.sdp),n.setLocalDescription(s).then(()=>s.sdp)})}async setAnswer(s){if("running"!==this.getState())throw new t(e.STATE_ERROR,"closed");return this.pc.setRemoteDescription(new RTCSessionDescription({type:"answer",sdp:s}))}getPeerConnection(){return this.pc}getOfferData(){return this.offerData}close(){this.pc?.close(),this.pc=void 0,this.offerData=void 0}onLocalCandidate(e){"running"===this.getState()&&e.candidate&&this.callbacks.onCandidate(e.candidate)}onConnectionState(){"running"===this.getState()&&this.pc&&("failed"!==this.pc.connectionState&&"closed"!==this.pc.connectionState||this.callbacks.onError(new t(e.OTHER_ERROR,"peer connection closed")))}onIceConnectionState(){"running"===this.getState()&&this.pc&&"failed"===this.pc.iceConnectionState&&this.pc.restartIce()}}class a{constructor(e,t,s){this.config=e,this.getState=t,this.onError=s}authHeader(){if(this.config.user&&""!==this.config.user){return{Authorization:`Basic ${btoa(`${this.config.user}:${this.config.pass}`)}`}}return this.config.token&&""!==this.config.token?{Authorization:`Bearer ${this.config.token}`}:{}}async requestICEServers(){return this.config.iceServers&&this.config.iceServers.length>0?this.config.iceServers:fetch(this.config.url,{method:"OPTIONS",headers:{...this.authHeader()}}).then(e=>s.linkToIceServers(e.headers.get("Link")))}async sendOffer(s){if("running"!==this.getState())throw new t(e.STATE_ERROR,"closed");return fetch(this.config.url,{method:"POST",headers:{...this.authHeader(),"Content-Type":"application/sdp"},body:s}).then(s=>{switch(s.status){case 201:break;case 404:throw new t(e.NETWORK_ERROR,"stream not found");case 406:throw new t(e.NETWORK_ERROR,"stream not supported");case 400:return s.json().then(s=>{throw new t(e.NETWORK_ERROR,s.error)});default:throw new t(e.NETWORK_ERROR,`bad status code ${s.status}`)}const n=s.headers.get("Location"),r=n?new URL(n,this.config.url).toString():void 0;return s.text().then(e=>({sessionUrl:r,answer:e}))})}sendLocalCandidates(s,n,i){fetch(s,{method:"PATCH",headers:{"Content-Type":"application/trickle-ice-sdpfrag","If-Match":"*"},body:r.generateSdpFragment(n,i)}).then(s=>{switch(s.status){case 204:break;case 404:throw new t(e.NETWORK_ERROR,"stream not found");default:throw new t(e.NETWORK_ERROR,`bad status code ${s.status}`)}}).catch(e=>this.onError(e))}}class c{constructor(e){this.container=e}onTrack(e){this.stream=e.streams[0],this.stopObserver(),this.observer=new IntersectionObserver(([e])=>{e.isIntersecting?this.resume():this.pause()},{threshold:.5}),this.observer.observe(this.container)}stopObserver(){this.observer&&(this.observer.disconnect(),this.observer=void 0)}get paused(){return null===this.container.srcObject}pause(){this.container.srcObject=null}resume(){this.stream&&this.paused&&(this.container.srcObject=this.stream)}stop(){this.stopObserver(),this.stream=void 0}}class o{constructor(e){this.lastBytesReceived=0,this.checkInterval=e.interval,this.onError=e.onError}setPeerConnection(e){this.pc=e}start(){this.stop(),this.checkTimer=setInterval(()=>this.checkFlowState(),this.checkInterval)}stop(){this.checkTimer&&(clearInterval(this.checkTimer),this.checkTimer=void 0)}async checkFlowState(){if(!this.pc)return;const s=await this.pc.getStats();let n=0;s.forEach(e=>{const t=e;"inbound-rtp"===e.type&&"video"===t.kind&&(n=t.bytesReceived||0)}),n!==this.lastBytesReceived||"connected"!==this.pc.connectionState?this.lastBytesReceived=n:this.onError(new t(e.NETWORK_ERROR,"data stream interruption"))}}class h{constructor(e){this.retryPause=2e3,this.queuedCandidates=[],this.nonAdvertisedCodecs=[],this.conf=e,this.state="getting_codecs",this.flowCheck=new o({interval:5e3,onError:e=>this.handleError(e)}),this.httpClient=new a(this.conf,()=>this.state,e=>this.handleError(e)),this.connectionManager=new i(()=>this.state,{onCandidate:e=>this.handleCandidate(e),onTrack:e=>{this.trackManager.onTrack(e),this.flowCheck.start()},onError:e=>this.handleError(e)},this.nonAdvertisedCodecs),this.trackManager=new c(this.conf.container),this.codecDetector=new n(()=>this.state,{onCodecsDetected:e=>this.handleCodecsDetected(e),onError:e=>this.handleError(e)}),this.codecDetector.detect()}get isRunning(){return"running"===this.state}close(){this.state="closed",this.connectionManager.close(),this.trackManager.stop(),this.flowCheck.stop(),this.restartTimeout&&clearTimeout(this.restartTimeout)}handleError(s){this.flowCheck.stop(),"getting_codecs"===this.state||s instanceof t&&s.type===e.SIGNAL_ERROR?this.state="failed":"running"===this.state&&(this.connectionManager.close(),this.queuedCandidates=[],this.sessionUrl&&(fetch(this.sessionUrl,{method:"DELETE"}),this.sessionUrl=void 0),this.state="restarting",this.restartTimeout=setTimeout(()=>{this.restartTimeout=void 0,this.state="running",this.start()},this.retryPause),s.message=`${s.message}, retrying in some seconds`),this.conf.onError&&(s instanceof t?this.conf.onError(s):this.conf.onError(new t(e.OTHER_ERROR,s.message)))}handleCodecsDetected(e){this.nonAdvertisedCodecs=e,this.state="running",this.start()}start(){this.httpClient.requestICEServers().then(e=>this.connectionManager.setupPeerConnection(e)).then(e=>this.httpClient.sendOffer(e)).then(({sessionUrl:e,answer:t})=>this.handleOfferResponse(e,t)).catch(e=>this.handleError(e))}handleOfferResponse(e,t){return e&&(this.sessionUrl=e),this.connectionManager.setAnswer(t).then(()=>{if("running"===this.state&&0!==this.queuedCandidates.length){const e=this.connectionManager.getOfferData();e&&this.sessionUrl&&(this.httpClient.sendLocalCandidates(this.sessionUrl,e,this.queuedCandidates),this.queuedCandidates=[])}})}handleCandidate(e){if(this.sessionUrl){const t=this.connectionManager.getOfferData();t&&this.httpClient.sendLocalCandidates(this.sessionUrl,t,[e])}else this.queuedCandidates.push(e)}get paused(){return this.trackManager.paused}pause(){this.trackManager.pause()}resume(){this.trackManager.resume()}}export{e as ErrorTypes,t as WebRTCError,h as default};
+const e={SIGNAL_ERROR:"SignalError",STATE_ERROR:"StateError",REQUEST_ERROR:"RequestError",NOT_FOUND_ERROR:"NotFoundError",CONNECT_ERROR:"ConnectError",MEDIA_ERROR:"MediaError",OTHER_ERROR:"OtherError"};class t extends Error{constructor(e,t,s){super(t,s),this.type=e}}class s{static async supportsNonAdvertisedCodec(e,t){return new Promise(n=>{const r=new RTCPeerConnection({iceServers:[]}),i="audio";let a="";r.addTransceiver(i,{direction:"recvonly"}),r.createOffer().then(n=>{if(!n.sdp)throw new Error("SDP not present");if(n.sdp.includes(` ${e}`))throw new Error("already present");const c=n.sdp.split(`m=${i}`),o=c.slice(1).map(e=>e.split("\r\n")[0].split(" ").slice(3)).reduce((e,t)=>[...e,...t],[]);a=s.reservePayloadType(o);const h=c[1].split("\r\n");return h[0]+=` ${a}`,h.splice(h.length-1,0,`a=rtpmap:${a} ${e}`),void 0!==t&&h.splice(h.length-1,0,`a=fmtp:${a} ${t}`),c[1]=h.join("\r\n"),n.sdp=c.join(`m=${i}`),r.setLocalDescription(n)}).then(()=>r.setRemoteDescription(new RTCSessionDescription({type:"answer",sdp:`v=0\r\no=- 6539324223450680508 0 IN IP4 0.0.0.0\r\ns=-\r\nt=0 0\r\na=fingerprint:sha-256 0D:9F:78:15:42:B5:4B:E6:E2:94:3E:5B:37:78:E1:4B:54:59:A3:36:3A:E5:05:EB:27:EE:8F:D2:2D:41:29:25\r\nm=${i} 9 UDP/TLS/RTP/SAVPF ${a}\r\nc=IN IP4 0.0.0.0\r\na=ice-pwd:7c3bf4770007e7432ee4ea4d697db675\r\na=ice-ufrag:29e036dc\r\na=sendonly\r\na=rtcp-mux\r\na=rtpmap:${a} ${e}\r\n${void 0!==t?`a=fmtp:${a} ${t}\r\n`:""}`}))).then(()=>n(!0)).catch(()=>n(!1)).finally(()=>r.close())})}static unquoteCredential(e){return JSON.parse(`"${e}"`)}static linkToIceServers(n){return n?n.split(", ").map(n=>{const r=n.match(/^<(.+?)>; rel="ice-server"(; username="(.*?)"; credential="(.*?)"; credential-type="password")?/i);if(!r)throw new t(e.SIGNAL_ERROR,"Invalid ICE server link format");const i={urls:[r[1]]};return r[3]&&(i.username=s.unquoteCredential(r[3]),i.credential=s.unquoteCredential(r[4]),i.credentialType="password"),i}):[]}static reservePayloadType(e){for(let t=30;t<=127;t++)if((t<=63||t>=96)&&!e.includes(t.toString())){const s=t.toString();return e.push(s),s}throw new Error("unable to find a free payload type")}}class n{constructor(e,t){this.getState=e,this.callbacks=t}detect(){Promise.all([["pcma/8000/2"],["multiopus/48000/6","channel_mapping=0,4,1,2,3,5;num_streams=4;coupled_streams=2"],["L16/48000/2"]].map(e=>s.supportsNonAdvertisedCodec(e[0],e[1]).then(t=>!!t&&e[0]))).then(e=>e.filter(e=>!1!==e)).then(s=>{if("getting_codecs"!==this.getState())throw new t(e.STATE_ERROR,"closed");this.callbacks.onCodecsDetected(s)}).catch(e=>this.callbacks.onError(e))}}class r{static parseOffer(e){const t={iceUfrag:"",icePwd:"",medias:[]};for(const s of e.split("\r\n"))s.startsWith("m=")?t.medias.push(s.slice(2)):""===t.iceUfrag&&s.startsWith("a=ice-ufrag:")?t.iceUfrag=s.slice(12):""===t.icePwd&&s.startsWith("a=ice-pwd:")&&(t.icePwd=s.slice(10));return t}static reservePayloadType(e){for(let t=30;t<=127;t++)if((t<=63||t>=96)&&!e.includes(t.toString())){const s=t.toString();return e.push(s),s}throw new Error("unable to find a free payload type")}static enableStereoPcmau(e,t){const s=t.split("\r\n");let n=r.reservePayloadType(e);return s[0]+=` ${n}`,s.splice(s.length-1,0,`a=rtpmap:${n} PCMU/8000/2`),s.splice(s.length-1,0,`a=rtcp-fb:${n} transport-cc`),n=r.reservePayloadType(e),s[0]+=` ${n}`,s.splice(s.length-1,0,`a=rtpmap:${n} PCMA/8000/2`),s.splice(s.length-1,0,`a=rtcp-fb:${n} transport-cc`),s.join("\r\n")}static enableMultichannelOpus(e,t){const s=t.split("\r\n");let n=r.reservePayloadType(e);return s[0]+=` ${n}`,s.splice(s.length-1,0,`a=rtpmap:${n} multiopus/48000/3`),s.splice(s.length-1,0,`a=fmtp:${n} channel_mapping=0,2,1;num_streams=2;coupled_streams=1`),s.splice(s.length-1,0,`a=rtcp-fb:${n} transport-cc`),n=r.reservePayloadType(e),s[0]+=` ${n}`,s.splice(s.length-1,0,`a=rtpmap:${n} multiopus/48000/4`),s.splice(s.length-1,0,`a=fmtp:${n} channel_mapping=0,1,2,3;num_streams=2;coupled_streams=2`),s.splice(s.length-1,0,`a=rtcp-fb:${n} transport-cc`),n=r.reservePayloadType(e),s[0]+=` ${n}`,s.splice(s.length-1,0,`a=rtpmap:${n} multiopus/48000/5`),s.splice(s.length-1,0,`a=fmtp:${n} channel_mapping=0,4,1,2,3;num_streams=3;coupled_streams=2`),s.splice(s.length-1,0,`a=rtcp-fb:${n} transport-cc`),n=r.reservePayloadType(e),s[0]+=` ${n}`,s.splice(s.length-1,0,`a=rtpmap:${n} multiopus/48000/6`),s.splice(s.length-1,0,`a=fmtp:${n} channel_mapping=0,4,1,2,3,5;num_streams=4;coupled_streams=2`),s.splice(s.length-1,0,`a=rtcp-fb:${n} transport-cc`),n=r.reservePayloadType(e),s[0]+=` ${n}`,s.splice(s.length-1,0,`a=rtpmap:${n} multiopus/48000/7`),s.splice(s.length-1,0,`a=fmtp:${n} channel_mapping=0,4,1,2,3,5,6;num_streams=4;coupled_streams=4`),s.splice(s.length-1,0,`a=rtcp-fb:${n} transport-cc`),n=r.reservePayloadType(e),s[0]+=` ${n}`,s.splice(s.length-1,0,`a=rtpmap:${n} multiopus/48000/8`),s.splice(s.length-1,0,`a=fmtp:${n} channel_mapping=0,6,1,4,5,2,3,7;num_streams=5;coupled_streams=4`),s.splice(s.length-1,0,`a=rtcp-fb:${n} transport-cc`),s.join("\r\n")}static enableL16(e,t){const s=t.split("\r\n");let n=r.reservePayloadType(e);return s[0]+=` ${n}`,s.splice(s.length-1,0,`a=rtpmap:${n} L16/8000/2`),s.splice(s.length-1,0,`a=rtcp-fb:${n} transport-cc`),n=r.reservePayloadType(e),s[0]+=` ${n}`,s.splice(s.length-1,0,`a=rtpmap:${n} L16/16000/2`),s.splice(s.length-1,0,`a=rtcp-fb:${n} transport-cc`),n=r.reservePayloadType(e),s[0]+=` ${n}`,s.splice(s.length-1,0,`a=rtpmap:${n} L16/48000/2`),s.splice(s.length-1,0,`a=rtcp-fb:${n} transport-cc`),s.join("\r\n")}static enableStereoOpus(e){let t="";const s=e.split("\r\n");for(let e=0;e<s.length;e++)if(s[e].startsWith("a=rtpmap:")&&s[e].toLowerCase().includes("opus/")){t=s[e].slice(9).split(" ")[0];break}if(""===t)return e;for(let e=0;e<s.length;e++)s[e].startsWith(`a=fmtp:${t} `)&&(s[e].includes("stereo")||(s[e]+=";stereo=1"),s[e].includes("sprop-stereo")||(s[e]+=";sprop-stereo=1"));return s.join("\r\n")}static editOffer(e,t){const s=e.split("m="),n=s.slice(1).map(e=>e.split("\r\n")[0].split(" ").slice(3)).reduce((e,t)=>[...e,...t],[]);for(let e=1;e<s.length;e++)if(s[e].startsWith("audio")){s[e]=r.enableStereoOpus(s[e]),t.includes("pcma/8000/2")&&(s[e]=r.enableStereoPcmau(n,s[e])),t.includes("multiopus/48000/6")&&(s[e]=r.enableMultichannelOpus(n,s[e])),t.includes("L16/48000/2")&&(s[e]=r.enableL16(n,s[e]));break}return s.join("m=")}static generateSdpFragment(e,t){const s={};for(const e of t){const t=e.sdpMLineIndex;t&&(void 0===s[t]&&(s[t]=[]),s[t].push(e))}let n=`a=ice-ufrag:${e.iceUfrag}\r\na=ice-pwd:${e.icePwd}\r\n`,r=0;for(const t of e.medias){if(void 0!==s[r]){n+=`m=${t}\r\na=mid:${r}\r\n`;for(const e of s[r])n+=`a=${e.candidate}\r\n`}r++}return n}}class i{constructor(e,t,s=[]){this.getState=e,this.callbacks=t,this.nonAdvertisedCodecs=s}async setupPeerConnection(s){if("running"!==this.getState())throw new t(e.STATE_ERROR,"closed");const n=new RTCPeerConnection({iceServers:s,sdpSemantics:"unified-plan"});this.pc=n;const i="recvonly";return n.addTransceiver("video",{direction:i}),n.addTransceiver("audio",{direction:i}),n.onicecandidate=e=>this.onLocalCandidate(e),n.onconnectionstatechange=()=>this.onConnectionState(),n.oniceconnectionstatechange=()=>this.onIceConnectionState(),n.ontrack=e=>this.callbacks.onTrack(e),n.createOffer().then(s=>{if(!s.sdp)throw new t(e.SIGNAL_ERROR,"Failed to create offer SDP");return s.sdp=r.editOffer(s.sdp,this.nonAdvertisedCodecs),this.offerData=r.parseOffer(s.sdp),n.setLocalDescription(s).then(()=>s.sdp)})}async setAnswer(s){if("running"!==this.getState())throw new t(e.STATE_ERROR,"closed");return this.pc.setRemoteDescription(new RTCSessionDescription({type:"answer",sdp:s}))}getPeerConnection(){return this.pc}getOfferData(){return this.offerData}close(){this.pc?.close(),this.pc=void 0,this.offerData=void 0}onLocalCandidate(e){"running"===this.getState()&&e.candidate&&this.callbacks.onCandidate(e.candidate)}onConnectionState(){"running"===this.getState()&&this.pc&&("failed"!==this.pc.connectionState&&"closed"!==this.pc.connectionState||this.callbacks.onError(new t(e.OTHER_ERROR,"peer connection closed")))}onIceConnectionState(){"running"===this.getState()&&this.pc&&"failed"===this.pc.iceConnectionState&&this.pc.restartIce()}}class a{constructor(e,t,s){this.config=e,this.getState=t,this.onError=s}authHeader(){if(this.config.user&&""!==this.config.user){return{Authorization:`Basic ${btoa(`${this.config.user}:${this.config.pass}`)}`}}return this.config.token&&""!==this.config.token?{Authorization:`Bearer ${this.config.token}`}:{}}async requestICEServers(){return this.config.iceServers&&this.config.iceServers.length>0?this.config.iceServers:fetch(this.config.url,{method:"OPTIONS",headers:{...this.authHeader()}}).then(e=>s.linkToIceServers(e.headers.get("Link")))}async sendOffer(s){if("running"!==this.getState())throw new t(e.STATE_ERROR,"closed");return fetch(this.config.url,{method:"POST",headers:{...this.authHeader(),"Content-Type":"application/sdp"},body:s}).then(s=>{switch(s.status){case 201:break;case 404:case 406:throw new t(e.NOT_FOUND_ERROR,"stream not found");case 400:return s.json().then(s=>{throw new t(e.REQUEST_ERROR,s.error)});default:throw new t(e.REQUEST_ERROR,`bad status code ${s.status}`)}const n=s.headers.get("Location"),r=n?new URL(n,this.config.url).toString():void 0;return s.text().then(e=>({sessionUrl:r,answer:e}))})}sendLocalCandidates(s,n,i){fetch(s,{method:"PATCH",headers:{"Content-Type":"application/trickle-ice-sdpfrag","If-Match":"*"},body:r.generateSdpFragment(n,i)}).then(s=>{switch(s.status){case 204:break;case 404:throw new t(e.NOT_FOUND_ERROR,"stream not found");default:throw new t(e.REQUEST_ERROR,`bad status code ${s.status}`)}}).catch(e=>this.onError(e))}}class c{constructor(e){this.container=e}onTrack(e){this.stream=e.streams[0],this.stopObserver(),this.observer=new IntersectionObserver(([e])=>{e.isIntersecting?this.resume():this.pause()},{threshold:.5}),this.observer.observe(this.container)}stopObserver(){this.observer&&(this.observer.disconnect(),this.observer=void 0)}get paused(){return null===this.container.srcObject}pause(){this.container.srcObject=null}resume(){this.stream&&this.paused&&(this.container.srcObject=this.stream)}stop(){this.stopObserver(),this.stream=void 0}}class o{constructor(e){this.lastBytesReceived=0,this.checkInterval=e.interval,this.onError=e.onError}setPeerConnection(e){this.pc=e}start(){this.stop(),this.checkTimer=setInterval(()=>this.checkFlowState(),this.checkInterval)}stop(){this.checkTimer&&(clearInterval(this.checkTimer),this.checkTimer=void 0)}async checkFlowState(){if(!this.pc)return;const s=await this.pc.getStats();let n=0;s.forEach(e=>{const t=e;"inbound-rtp"===e.type&&"video"===t.kind&&(n=t.bytesReceived||0)}),n!==this.lastBytesReceived||"connected"!==this.pc.connectionState?this.lastBytesReceived=n:this.onError(new t(e.CONNECT_ERROR,"data stream interruption"))}}class h{constructor(e){this.retryPause=2e3,this.queuedCandidates=[],this.nonAdvertisedCodecs=[],this.conf=e,this.state="getting_codecs",this.flowCheck=new o({interval:5e3,onError:e=>this.handleError(e)}),this.httpClient=new a(this.conf,()=>this.state,e=>this.handleError(e)),this.connectionManager=new i(()=>this.state,{onCandidate:e=>this.handleCandidate(e),onTrack:e=>{this.trackManager.onTrack(e),this.flowCheck.start()},onError:e=>this.handleError(e)},this.nonAdvertisedCodecs),this.trackManager=new c(this.conf.container),this.codecDetector=new n(()=>this.state,{onCodecsDetected:e=>this.handleCodecsDetected(e),onError:e=>this.handleError(e)}),this.codecDetector.detect()}get isRunning(){return"running"===this.state}close(){this.state="closed",this.connectionManager.close(),this.trackManager.stop(),this.flowCheck.stop(),this.restartTimeout&&clearTimeout(this.restartTimeout)}handleError(s){this.flowCheck.stop(),"getting_codecs"===this.state||s instanceof t&&[e.SIGNAL_ERROR,e.NOT_FOUND_ERROR,e.REQUEST_ERROR].includes(s.type)?this.state="failed":"running"===this.state&&(this.connectionManager.close(),this.queuedCandidates=[],this.sessionUrl&&(fetch(this.sessionUrl,{method:"DELETE"}),this.sessionUrl=void 0),this.state="restarting",this.restartTimeout=setTimeout(()=>{this.restartTimeout=void 0,this.state="running",this.start()},this.retryPause),s.message=`${s.message}, retrying in some seconds`),this.conf.onError&&(s instanceof t?this.conf.onError(s):this.conf.onError(new t(e.OTHER_ERROR,s.message)))}handleCodecsDetected(e){this.nonAdvertisedCodecs=e,this.state="running",this.start()}start(){this.httpClient.requestICEServers().then(e=>this.connectionManager.setupPeerConnection(e)).then(e=>this.httpClient.sendOffer(e)).then(({sessionUrl:e,answer:t})=>this.handleOfferResponse(e,t)).catch(e=>this.handleError(e))}handleOfferResponse(e,t){return e&&(this.sessionUrl=e),this.connectionManager.setAnswer(t).then(()=>{if("running"===this.state&&0!==this.queuedCandidates.length){const e=this.connectionManager.getOfferData();e&&this.sessionUrl&&(this.httpClient.sendLocalCandidates(this.sessionUrl,e,this.queuedCandidates),this.queuedCandidates=[])}})}handleCandidate(e){if(this.sessionUrl){const t=this.connectionManager.getOfferData();t&&this.httpClient.sendLocalCandidates(this.sessionUrl,t,[e])}else this.queuedCandidates.push(e)}get paused(){return this.trackManager.paused}pause(){this.trackManager.pause()}resume(){this.trackManager.resume()}}export{e as ErrorTypes,t as WebRTCError,h as default};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "whepts",
   "type": "module",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "description": "基于 mediamtx 的 WebRTC WHEP 播放器，支持 ZLM 和 Mediamtx 的播放地址",
   "author": "mapleafgo",
   "license": "MIT",
@@ -31,10 +31,10 @@
     "@rollup/plugin-eslint": "^9.2.0",
     "@rollup/plugin-terser": "^0.4.4",
     "@rollup/plugin-typescript": "^12.3.0",
-    "@types/node": "^25.0.3",
+    "@types/node": "^25.0.9",
     "eslint": "^9.39.2",
-    "eslint-plugin-format": "^1.1.0",
-    "rollup": "^4.54.0",
+    "eslint-plugin-format": "^1.3.1",
+    "rollup": "^4.55.3",
     "rollup-plugin-delete": "^3.0.2",
     "tslib": "^2.8.1",
     "typescript": "^5.9.3"

package/.claude/settings.local.json

@@ -1,9 +0,0 @@
-{
-  "permissions": {
-    "allow": [
-      "Skill(superpowers:brainstorming)",
-      "Skill(superpowers:executing-plans)",
-      "Bash(npm run build:*)"
-    ]
-  }
-}

package/.vscode/settings.json

@@ -1,38 +0,0 @@
-{
-  // Disable the default formatter
-  "prettier.enable": false,
-  "editor.formatOnSave": false,
-
-  // Auto fix
-  "editor.codeActionsOnSave": {
-    "source.fixAll.eslint": "explicit",
-    "source.organizeImports": "never"
-  },
-
-  // Silent the stylistic rules in you IDE, but still auto fix them
-  "eslint.rules.customizations": [
-    { "rule": "style/*", "severity": "off" },
-    { "rule": "*-indent", "severity": "off" },
-    { "rule": "*-spacing", "severity": "off" },
-    { "rule": "*-spaces", "severity": "off" },
-    { "rule": "*-order", "severity": "off" },
-    { "rule": "*-dangle", "severity": "off" },
-    { "rule": "*-newline", "severity": "off" },
-    { "rule": "*quotes", "severity": "off" },
-    { "rule": "*semi", "severity": "off" }
-  ],
-
-  // The following is optional.
-  // It's better to put under project setting `.vscode/settings.json`
-  // to avoid conflicts with working with different eslint configs
-  // that does not support all formats.
-  "eslint.validate": [
-    "javascript",
-    "typescript",
-    "html",
-    "markdown",
-    "json",
-    "jsonc",
-    "yaml"
-  ]
-}

package/AGENTS.md

@@ -1,92 +0,0 @@
-# AGENTS.md - WhepTS Player
-
-## Build/Lint Commands
-
-- `npm run build` - Production build with minification
-- `npm run build:debug` - Debug build with source maps
-- `npm run lint` - Run ESLint to check code quality
-- `npm run lint:fix` - Auto-fix ESLint issues
-
-**Note**: No test framework is currently configured.
-
-## Code Style Guidelines
-
-### Imports
-
-- Use `~/` alias for imports from `src/` (e.g., `import X from '~/utils/observer'`)
-- Import types explicitly using `import type { T } from './module'`
-- Group external dependencies first, then internal imports
-
-### Formatting
-
-- ESLint uses `@antfu/eslint-config` with formatters enabled
-- Run `npm run lint:fix` before committing
-- No manual formatting required - let ESLint handle it
-
-### Types
-
-- Strict mode enabled in `tsconfig.json`
-- Use `interface` for object shapes, `type` for unions/aliases
-- Mark optional properties with `?` (e.g., `onError?: (err: WebRTCError) => void`)
-- Use TypeScript strictly - no `any` types
-
-### Naming Conventions
-
-- **Classes**: PascalCase (e.g., `WebRTCWhep`, `VisibilityObserver`)
-- **Interfaces**: PascalCase (e.g., `Conf`, `ErrorType`)
-- **Functions/Methods**: camelCase (e.g., `setupPeerConnection`, `handleError`)
-- **Constants**: UPPER_SNAKE_CASE (e.g., `ErrorTypes`)
-- **Private members**: prefix with `private` keyword
-
-### Error Handling
-
-- Use custom `WebRTCError` class for all errors (defined in `src/errors.ts`)
-- Error types: `SIGNAL_ERROR`, `STATE_ERROR`, `NETWORK_ERROR`, `MEDIA_ERROR`, `OTHER_ERROR`
-- Pattern: `throw new WebRTCError(ErrorTypes.NETWORK_ERROR, 'message')`
-- Call `this.handleError(err)` for centralized error management
-
-### Comments
-
-- Use JSDoc for public APIs and class constructors (in English)
-- Keep implementation comments concise in Chinese as established
-- Example:
-  ```typescript
-  /**
-   * Create a WebRTCWhep.
-   * @param {Conf} conf - Configuration.
-   */
-  constructor(conf: Conf)
-  ```
-
-### File Organization
-
-- Core logic in `src/` directory
-- Utilities in `src/utils/` (e.g., `observer.ts`, `flow-check.ts`, `sdp.ts`)
-- Error types in `src/errors.ts`
-- Export main class from `src/index.ts`
-
-### State Management
-
-- Use union literal types for state (e.g., `'getting_codecs' | 'running' | 'restarting' | 'closed' | 'failed'`)
-- Always check state before operations that depend on it
-- Use getters for derived properties (e.g., `get isRunning()`)
-
-### WebRTC Specifics
-
-- Always use `unified-plan` SDP semantics
-- Handle ICE candidates with queuing when session URL not ready
-- Support non-advertised codecs (PCMA, multiopus, L16)
-- Use `IntersectionObserver` for visibility-based playback control
-
-## Tech Stack
-
-- TypeScript 5.9 with strict mode
-- Rollup for bundling (ES module output)
-- ESLint with @antfu/eslint-config
-- pnpm as package manager
-
-## Before Committing
-
-1. Run `npm run lint` and fix all issues
-2. Build with `npm run build` to verify production build works
-3. No test framework - manually verify WebRTC functionality

package/src/core/codec.ts

@@ -1,33 +0,0 @@
-import type { State } from '~/types'
-import { ErrorTypes, WebRTCError } from '~/errors'
-import { WebRtcUtils } from '../utils/webrtc'
-
-export interface CodecDetectorCallbacks {
-  onCodecsDetected: (codecs: string[]) => void
-  onError: (err: Error) => void
-}
-
-export class CodecDetector {
-  constructor(
-    private getState: () => State,
-    private callbacks: CodecDetectorCallbacks,
-  ) {}
-
-  detect(): void {
-    Promise.all(
-      [
-        ['pcma/8000/2'],
-        ['multiopus/48000/6', 'channel_mapping=0,4,1,2,3,5;num_streams=4;coupled_streams=2'],
-        ['L16/48000/2'],
-      ].map(c => WebRtcUtils.supportsNonAdvertisedCodec(c[0], c[1]).then(r => (r ? c[0] : false))),
-    )
-      .then(c => c.filter(e => e !== false))
-      .then((codecs) => {
-        if (this.getState() !== 'getting_codecs')
-          throw new WebRTCError(ErrorTypes.STATE_ERROR, 'closed')
-
-        this.callbacks.onCodecsDetected(codecs as string[])
-      })
-      .catch(err => this.callbacks.onError(err))
-  }
-}

package/src/core/connection.ts

@@ -1,103 +0,0 @@
-import type { ParsedOffer } from '../utils/sdp'
-import type { State } from '~/types'
-import { ErrorTypes, WebRTCError } from '~/errors'
-import { SdpUtils } from '../utils/sdp'
-
-export interface ConnectionManagerCallbacks {
-  onCandidate: (candidate: RTCIceCandidate) => void
-  onTrack: (evt: RTCTrackEvent) => void
-  onError: (err: WebRTCError) => void
-}
-
-export class ConnectionManager {
-  private pc?: RTCPeerConnection
-  private offerData?: ParsedOffer
-
-  constructor(
-    private getState: () => State,
-    private callbacks: ConnectionManagerCallbacks,
-    private nonAdvertisedCodecs: string[] = [],
-  ) {}
-
-  async setupPeerConnection(iceServers: RTCIceServer[]): Promise<string> {
-    if (this.getState() !== 'running')
-      throw new WebRTCError(ErrorTypes.STATE_ERROR, 'closed')
-
-    const pc = new RTCPeerConnection({
-      iceServers,
-      sdpSemantics: 'unified-plan',
-    })
-    this.pc = pc
-
-    const direction: RTCRtpTransceiverDirection = 'recvonly'
-    pc.addTransceiver('video', { direction })
-    pc.addTransceiver('audio', { direction })
-
-    pc.onicecandidate = (evt: RTCPeerConnectionIceEvent) => this.onLocalCandidate(evt)
-    pc.onconnectionstatechange = () => this.onConnectionState()
-    pc.oniceconnectionstatechange = () => this.onIceConnectionState()
-    pc.ontrack = (evt: RTCTrackEvent) => this.callbacks.onTrack(evt)
-
-    return pc.createOffer().then((offer) => {
-      if (!offer.sdp)
-        throw new WebRTCError(ErrorTypes.SIGNAL_ERROR, 'Failed to create offer SDP')
-
-      offer.sdp = SdpUtils.editOffer(offer.sdp, this.nonAdvertisedCodecs)
-      this.offerData = SdpUtils.parseOffer(offer.sdp)
-
-      return pc.setLocalDescription(offer).then(() => offer.sdp!)
-    })
-  }
-
-  async setAnswer(answer: string): Promise<void> {
-    if (this.getState() !== 'running')
-      throw new WebRTCError(ErrorTypes.STATE_ERROR, 'closed')
-
-    return this.pc!.setRemoteDescription(
-      new RTCSessionDescription({
-        type: 'answer',
-        sdp: answer,
-      }),
-    )
-  }
-
-  getPeerConnection(): RTCPeerConnection | undefined {
-    return this.pc
-  }
-
-  getOfferData(): ParsedOffer | undefined {
-    return this.offerData
-  }
-
-  close(): void {
-    this.pc?.close()
-    this.pc = undefined
-    this.offerData = undefined
-  }
-
-  private onLocalCandidate(evt: RTCPeerConnectionIceEvent): void {
-    if (this.getState() !== 'running')
-      return
-
-    if (evt.candidate)
-      this.callbacks.onCandidate(evt.candidate)
-  }
-
-  private onConnectionState(): void {
-    if (this.getState() !== 'running' || !this.pc)
-      return
-
-    if (this.pc.connectionState === 'failed' || this.pc.connectionState === 'closed')
-      this.callbacks.onError(new WebRTCError(ErrorTypes.OTHER_ERROR, 'peer connection closed'))
-  }
-
-  private onIceConnectionState(): void {
-    if (this.getState() !== 'running' || !this.pc)
-      return
-
-    if (this.pc.iceConnectionState === 'failed') {
-      console.warn('ICE connection failed')
-      this.pc.restartIce()
-    }
-  }
-}

package/src/core/http.ts

@@ -1,93 +0,0 @@
-import type { ParsedOffer } from '../utils/sdp'
-import type { Conf, State } from '~/types'
-import { ErrorTypes, WebRTCError } from '~/errors'
-import { SdpUtils } from '../utils/sdp'
-import { WebRtcUtils } from '../utils/webrtc'
-
-export class HttpClient {
-  constructor(
-    private config: Conf,
-    private getState: () => State,
-    private onError: (err: Error | WebRTCError) => void,
-  ) {}
-
-  private authHeader(): Record<string, string> {
-    if (this.config.user && this.config.user !== '') {
-      const credentials = btoa(`${this.config.user}:${this.config.pass}`)
-      return { Authorization: `Basic ${credentials}` }
-    }
-    if (this.config.token && this.config.token !== '') {
-      return { Authorization: `Bearer ${this.config.token}` }
-    }
-    return {}
-  }
-
-  async requestICEServers(): Promise<RTCIceServer[]> {
-    if (this.config.iceServers && this.config.iceServers.length > 0)
-      return this.config.iceServers
-
-    return fetch(this.config.url, {
-      method: 'OPTIONS',
-      headers: {
-        ...this.authHeader(),
-      },
-    }).then(res => WebRtcUtils.linkToIceServers(res.headers.get('Link')))
-  }
-
-  async sendOffer(offer: string): Promise<{ sessionUrl?: string, answer: string }> {
-    if (this.getState() !== 'running')
-      throw new WebRTCError(ErrorTypes.STATE_ERROR, 'closed')
-
-    return fetch(this.config.url, {
-      method: 'POST',
-      headers: {
-        ...this.authHeader(),
-        'Content-Type': 'application/sdp',
-      },
-      body: offer,
-    }).then((res) => {
-      switch (res.status) {
-        case 201:
-          break
-        case 404:
-          throw new WebRTCError(ErrorTypes.NETWORK_ERROR, 'stream not found')
-        case 406:
-          throw new WebRTCError(ErrorTypes.NETWORK_ERROR, 'stream not supported')
-        case 400:
-          return res.json().then((e: { error: string }) => {
-            throw new WebRTCError(ErrorTypes.NETWORK_ERROR, e.error)
-          })
-        default:
-          throw new WebRTCError(ErrorTypes.NETWORK_ERROR, `bad status code ${res.status}`)
-      }
-
-      const location = res.headers.get('Location')
-      const sessionUrl = location
-        ? new URL(location, this.config.url).toString()
-        : undefined
-      return res.text().then(answer => ({ sessionUrl, answer }))
-    })
-  }
-
-  sendLocalCandidates(sessionUrl: string, offerData: ParsedOffer, candidates: RTCIceCandidate[]): void {
-    fetch(sessionUrl, {
-      method: 'PATCH',
-      headers: {
-        'Content-Type': 'application/trickle-ice-sdpfrag',
-        'If-Match': '*',
-      },
-      body: SdpUtils.generateSdpFragment(offerData, candidates),
-    })
-      .then((res) => {
-        switch (res.status) {
-          case 204:
-            break
-          case 404:
-            throw new WebRTCError(ErrorTypes.NETWORK_ERROR, 'stream not found')
-          default:
-            throw new WebRTCError(ErrorTypes.NETWORK_ERROR, `bad status code ${res.status}`)
-        }
-      })
-      .catch(err => this.onError(err))
-  }
-}

package/src/core/track.ts

@@ -1,51 +0,0 @@
-export class TrackManager {
-  private stream?: MediaStream
-  private observer?: IntersectionObserver
-
-  constructor(private container: HTMLMediaElement) {}
-
-  onTrack(evt: RTCTrackEvent): void {
-    this.stream = evt.streams[0]
-
-    // 停止之前的观察器
-    this.stopObserver()
-
-    // 创建新的可见性观察器，自动处理暂停/恢复
-    this.observer = new IntersectionObserver(
-      ([entry]) => {
-        if (entry.isIntersecting)
-          this.resume()
-        else
-          this.pause()
-      },
-      { threshold: 0.5 },
-    )
-
-    this.observer.observe(this.container)
-  }
-
-  private stopObserver(): void {
-    if (this.observer) {
-      this.observer.disconnect()
-      this.observer = undefined
-    }
-  }
-
-  get paused(): boolean {
-    return this.container.srcObject === null
-  }
-
-  pause(): void {
-    this.container.srcObject = null
-  }
-
-  resume(): void {
-    if (this.stream && this.paused)
-      this.container.srcObject = this.stream
-  }
-
-  stop(): void {
-    this.stopObserver()
-    this.stream = undefined
-  }
-}

package/src/errors.ts

@@ -1,27 +0,0 @@
-/**
- * 错误类型
- */
-export type ErrorType = string
-
-/**
- * 错误类型常量
- */
-export const ErrorTypes = {
-  SIGNAL_ERROR: 'SignalError', // 信令异常
-  STATE_ERROR: 'StateError', // 状态异常
-  NETWORK_ERROR: 'NetworkError',
-  MEDIA_ERROR: 'MediaError',
-  OTHER_ERROR: 'OtherError',
-}
-
-/**
- * 错误
- */
-export class WebRTCError extends Error {
-  type: ErrorType
-
-  constructor(type: ErrorType, message: string, options?: ErrorOptions) {
-    super(message, options)
-    this.type = type
-  }
-}

package/src/index.ts

@@ -1,7 +0,0 @@
-import type { Conf, State } from './types'
-import { ErrorTypes, WebRTCError } from './errors'
-import WebRTCWhep from './whep'
-
-export { Conf, ErrorTypes, State, WebRTCError }
-
-export default WebRTCWhep

package/src/types.ts

@@ -1,37 +0,0 @@
-import type { WebRTCError } from './errors'
-
-/**
- * Configuration interface for WebRTCWhep.
- */
-export interface Conf {
-  /** Absolute URL of the WHEP endpoint */
-  url: string
-  /** Media player container */
-  container: HTMLMediaElement
-  /** Username for authentication */
-  user?: string
-  /** Password for authentication */
-  pass?: string
-  /** Token for authentication */
-  token?: string
-  /** ice server list */
-  iceServers?: RTCIceServer[]
-  /** Called when there's an error */
-  onError?: (err: WebRTCError) => void
-}
-
-/**
- * State type for WebRTCWhep.
- */
-export type State = 'getting_codecs' | 'running' | 'restarting' | 'closed' | 'failed'
-
-/** Extend RTCConfiguration to include experimental properties */
-declare global {
-  interface RTCConfiguration {
-    sdpSemantics?: 'plan-b' | 'unified-plan'
-  }
-
-  interface RTCIceServer {
-    credentialType?: 'password'
-  }
-}

package/src/utils/flow-check.ts

@@ -1,73 +0,0 @@
-import { ErrorTypes, WebRTCError } from '~/errors'
-
-export interface FlowCheckParams {
-  interval: number
-  onError: (err: WebRTCError) => void
-}
-
-/**
- * Flow checking logic (断流检测)
- */
-export class FlowCheck {
-  private checkInterval: number
-  private lastBytesReceived: number = 0
-  private checkTimer?: NodeJS.Timeout
-  private pc?: RTCPeerConnection
-  private onError: (err: WebRTCError) => void
-
-  constructor(params: FlowCheckParams) {
-    this.checkInterval = params.interval
-    this.onError = params.onError
-  }
-
-  setPeerConnection(pc: RTCPeerConnection) {
-    this.pc = pc
-  }
-
-  /**
-   * 启动断流检测
-   */
-  start(): void {
-    this.stop()
-    this.checkTimer = setInterval(() => this.checkFlowState(), this.checkInterval)
-  }
-
-  /**
-   * 停止断流检测
-   */
-  stop(): void {
-    if (this.checkTimer) {
-      clearInterval(this.checkTimer)
-      this.checkTimer = undefined
-    }
-  }
-
-  /**
-   * 检测流状态（通过接收字节数判断是否断流）
-   */
-  private async checkFlowState(): Promise<void> {
-    if (!this.pc) {
-      return
-    }
-
-    const stats = await this.pc.getStats()
-    let currentBytes = 0
-
-    // 遍历统计信息，获取视频接收字节数
-    stats.forEach((stat: RTCStats) => {
-      const inboundRtpStat = stat as RTCInboundRtpStreamStats
-      if (stat.type === 'inbound-rtp' && inboundRtpStat.kind === 'video') {
-        currentBytes = inboundRtpStat.bytesReceived || 0
-      }
-    })
-
-    // 断流判定：连接正常但字节数无变化
-    if (currentBytes === this.lastBytesReceived && this.pc.connectionState === 'connected') {
-      this.onError(new WebRTCError(ErrorTypes.NETWORK_ERROR, 'data stream interruption'))
-      return
-    }
-
-    // 更新上一次字节数
-    this.lastBytesReceived = currentBytes
-  }
-}

package/src/utils/sdp.ts

@@ -1,253 +0,0 @@
-/** Type for parsed offer data */
-export interface ParsedOffer {
-  iceUfrag: string
-  icePwd: string
-  medias: string[]
-}
-
-/**
- * SDP processing utilities
- */
-export class SdpUtils {
-  /**
-   * Parse an offer SDP into iceUfrag, icePwd, and medias.
-   */
-  static parseOffer(sdp: string): ParsedOffer {
-    const ret: ParsedOffer = {
-      iceUfrag: '',
-      icePwd: '',
-      medias: [],
-    }
-
-    for (const line of sdp.split('\r\n')) {
-      if (line.startsWith('m=')) {
-        ret.medias.push(line.slice('m='.length))
-      }
-      else if (ret.iceUfrag === '' && line.startsWith('a=ice-ufrag:')) {
-        ret.iceUfrag = line.slice('a=ice-ufrag:'.length)
-      }
-      else if (ret.icePwd === '' && line.startsWith('a=ice-pwd:')) {
-        ret.icePwd = line.slice('a=ice-pwd:'.length)
-      }
-    }
-
-    return ret
-  }
-
-  /**
-   * Reserve a payload type.
-   */
-  static reservePayloadType(payloadTypes: string[]): string {
-    // everything is valid between 30 and 127, except for interval between 64 and 95
-    // https://chromium.googlesource.com/external/webrtc/+/refs/heads/master/call/payload_type.h#29
-    for (let i = 30; i <= 127; i++) {
-      if ((i <= 63 || i >= 96) && !payloadTypes.includes(i.toString())) {
-        const pl = i.toString()
-        payloadTypes.push(pl)
-        return pl
-      }
-    }
-    throw new Error('unable to find a free payload type')
-  }
-
-  /**
-   * Enable stereo PCMA/PCMU codecs.
-   */
-  static enableStereoPcmau(payloadTypes: string[], section: string): string {
-    const lines = section.split('\r\n')
-
-    let payloadType = SdpUtils.reservePayloadType(payloadTypes)
-    lines[0] += ` ${payloadType}`
-    lines.splice(lines.length - 1, 0, `a=rtpmap:${payloadType} PCMU/8000/2`)
-    lines.splice(lines.length - 1, 0, `a=rtcp-fb:${payloadType} transport-cc`)
-
-    payloadType = SdpUtils.reservePayloadType(payloadTypes)
-    lines[0] += ` ${payloadType}`
-    lines.splice(lines.length - 1, 0, `a=rtpmap:${payloadType} PCMA/8000/2`)
-    lines.splice(lines.length - 1, 0, `a=rtcp-fb:${payloadType} transport-cc`)
-
-    return lines.join('\r\n')
-  }
-
-  /**
-   * Enable multichannel Opus codec.
-   */
-  static enableMultichannelOpus(payloadTypes: string[], section: string): string {
-    const lines = section.split('\r\n')
-
-    let payloadType = SdpUtils.reservePayloadType(payloadTypes)
-    lines[0] += ` ${payloadType}`
-    lines.splice(lines.length - 1, 0, `a=rtpmap:${payloadType} multiopus/48000/3`)
-    lines.splice(lines.length - 1, 0, `a=fmtp:${payloadType} channel_mapping=0,2,1;num_streams=2;coupled_streams=1`)
-    lines.splice(lines.length - 1, 0, `a=rtcp-fb:${payloadType} transport-cc`)
-
-    payloadType = SdpUtils.reservePayloadType(payloadTypes)
-    lines[0] += ` ${payloadType}`
-    lines.splice(lines.length - 1, 0, `a=rtpmap:${payloadType} multiopus/48000/4`)
-    lines.splice(lines.length - 1, 0, `a=fmtp:${payloadType} channel_mapping=0,1,2,3;num_streams=2;coupled_streams=2`)
-    lines.splice(lines.length - 1, 0, `a=rtcp-fb:${payloadType} transport-cc`)
-
-    payloadType = SdpUtils.reservePayloadType(payloadTypes)
-    lines[0] += ` ${payloadType}`
-    lines.splice(lines.length - 1, 0, `a=rtpmap:${payloadType} multiopus/48000/5`)
-    lines.splice(
-      lines.length - 1,
-      0,
-      `a=fmtp:${payloadType} channel_mapping=0,4,1,2,3;num_streams=3;coupled_streams=2`,
-    )
-    lines.splice(lines.length - 1, 0, `a=rtcp-fb:${payloadType} transport-cc`)
-
-    payloadType = SdpUtils.reservePayloadType(payloadTypes)
-    lines[0] += ` ${payloadType}`
-    lines.splice(lines.length - 1, 0, `a=rtpmap:${payloadType} multiopus/48000/6`)
-    lines.splice(
-      lines.length - 1,
-      0,
-      `a=fmtp:${payloadType} channel_mapping=0,4,1,2,3,5;num_streams=4;coupled_streams=2`,
-    )
-    lines.splice(lines.length - 1, 0, `a=rtcp-fb:${payloadType} transport-cc`)
-
-    payloadType = SdpUtils.reservePayloadType(payloadTypes)
-    lines[0] += ` ${payloadType}`
-    lines.splice(lines.length - 1, 0, `a=rtpmap:${payloadType} multiopus/48000/7`)
-    lines.splice(
-      lines.length - 1,
-      0,
-      `a=fmtp:${payloadType} channel_mapping=0,4,1,2,3,5,6;num_streams=4;coupled_streams=4`,
-    )
-    lines.splice(lines.length - 1, 0, `a=rtcp-fb:${payloadType} transport-cc`)
-
-    payloadType = SdpUtils.reservePayloadType(payloadTypes)
-    lines[0] += ` ${payloadType}`
-    lines.splice(lines.length - 1, 0, `a=rtpmap:${payloadType} multiopus/48000/8`)
-    lines.splice(
-      lines.length - 1,
-      0,
-      `a=fmtp:${payloadType} channel_mapping=0,6,1,4,5,2,3,7;num_streams=5;coupled_streams=4`,
-    )
-    lines.splice(lines.length - 1, 0, `a=rtcp-fb:${payloadType} transport-cc`)
-
-    return lines.join('\r\n')
-  }
-
-  /**
-   * Enable L16 codec.
-   */
-  static enableL16(payloadTypes: string[], section: string): string {
-    const lines = section.split('\r\n')
-
-    let payloadType = SdpUtils.reservePayloadType(payloadTypes)
-    lines[0] += ` ${payloadType}`
-    lines.splice(lines.length - 1, 0, `a=rtpmap:${payloadType} L16/8000/2`)
-    lines.splice(lines.length - 1, 0, `a=rtcp-fb:${payloadType} transport-cc`)
-
-    payloadType = SdpUtils.reservePayloadType(payloadTypes)
-    lines[0] += ` ${payloadType}`
-    lines.splice(lines.length - 1, 0, `a=rtpmap:${payloadType} L16/16000/2`)
-    lines.splice(lines.length - 1, 0, `a=rtcp-fb:${payloadType} transport-cc`)
-
-    payloadType = SdpUtils.reservePayloadType(payloadTypes)
-    lines[0] += ` ${payloadType}`
-    lines.splice(lines.length - 1, 0, `a=rtpmap:${payloadType} L16/48000/2`)
-    lines.splice(lines.length - 1, 0, `a=rtcp-fb:${payloadType} transport-cc`)
-
-    return lines.join('\r\n')
-  }
-
-  /**
-   * Enable stereo Opus codec.
-   */
-  static enableStereoOpus(section: string): string {
-    let opusPayloadFormat = ''
-    const lines = section.split('\r\n')
-
-    for (let i = 0; i < lines.length; i++) {
-      if (lines[i].startsWith('a=rtpmap:') && lines[i].toLowerCase().includes('opus/')) {
-        opusPayloadFormat = lines[i].slice('a=rtpmap:'.length).split(' ')[0]
-        break
-      }
-    }
-
-    if (opusPayloadFormat === '') {
-      return section
-    }
-
-    for (let i = 0; i < lines.length; i++) {
-      if (lines[i].startsWith(`a=fmtp:${opusPayloadFormat} `)) {
-        if (!lines[i].includes('stereo')) {
-          lines[i] += ';stereo=1'
-        }
-        if (!lines[i].includes('sprop-stereo')) {
-          lines[i] += ';sprop-stereo=1'
-        }
-      }
-    }
-
-    return lines.join('\r\n')
-  }
-
-  /**
-   * Edit an offer SDP to enable non-advertised codecs.
-   */
-  static editOffer(sdp: string, nonAdvertisedCodecs: string[]): string {
-    const sections = sdp.split('m=')
-
-    const payloadTypes = sections
-      .slice(1)
-      .map(s => s.split('\r\n')[0].split(' ').slice(3))
-      .reduce((prev, cur) => [...prev, ...cur], [])
-
-    for (let i = 1; i < sections.length; i++) {
-      if (sections[i].startsWith('audio')) {
-        sections[i] = SdpUtils.enableStereoOpus(sections[i])
-
-        if (nonAdvertisedCodecs.includes('pcma/8000/2')) {
-          sections[i] = SdpUtils.enableStereoPcmau(payloadTypes, sections[i])
-        }
-        if (nonAdvertisedCodecs.includes('multiopus/48000/6')) {
-          sections[i] = SdpUtils.enableMultichannelOpus(payloadTypes, sections[i])
-        }
-        if (nonAdvertisedCodecs.includes('L16/48000/2')) {
-          sections[i] = SdpUtils.enableL16(payloadTypes, sections[i])
-        }
-
-        break
-      }
-    }
-
-    return sections.join('m=')
-  }
-
-  /**
-   * Generate an SDP fragment.
-   */
-  static generateSdpFragment(od: ParsedOffer, candidates: RTCIceCandidate[]): string {
-    const candidatesByMedia: Record<number, RTCIceCandidate[]> = {}
-    for (const candidate of candidates) {
-      const mid = candidate.sdpMLineIndex
-      if (mid) {
-        if (candidatesByMedia[mid] === undefined) {
-          candidatesByMedia[mid] = []
-        }
-        candidatesByMedia[mid].push(candidate)
-      }
-    }
-
-    let frag = `a=ice-ufrag:${od.iceUfrag}\r\n` + `a=ice-pwd:${od.icePwd}\r\n`
-
-    let mid = 0
-
-    for (const media of od.medias) {
-      if (candidatesByMedia[mid] !== undefined) {
-        frag += `m=${media}\r\n` + `a=mid:${mid}\r\n`
-
-        for (const candidate of candidatesByMedia[mid]) {
-          frag += `a=${candidate.candidate}\r\n`
-        }
-      }
-      mid++
-    }
-
-    return frag
-  }
-}

package/src/utils/webrtc.ts

@@ -1,123 +0,0 @@
-import { ErrorTypes, WebRTCError } from '~/errors'
-
-/**
- * WebRTC utilities
- */
-export class WebRtcUtils {
-  /**
-   * Check if the browser supports a non-advertised codec.
-   */
-  static async supportsNonAdvertisedCodec(codec: string, fmtp?: string): Promise<boolean> {
-    return new Promise((resolve) => {
-      const pc = new RTCPeerConnection({ iceServers: [] })
-      const mediaType = 'audio'
-      let payloadType = ''
-
-      pc.addTransceiver(mediaType, { direction: 'recvonly' })
-      pc.createOffer()
-        .then((offer) => {
-          if (!offer.sdp) {
-            throw new Error('SDP not present')
-          }
-          if (offer.sdp.includes(` ${codec}`)) {
-            // codec is advertised, there's no need to add it manually
-            throw new Error('already present')
-          }
-
-          const sections = offer.sdp.split(`m=${mediaType}`)
-
-          const payloadTypes = sections
-            .slice(1)
-            .map(s => s.split('\r\n')[0].split(' ').slice(3))
-            .reduce((prev, cur) => [...prev, ...cur], [])
-          payloadType = WebRtcUtils.reservePayloadType(payloadTypes)
-
-          const lines = sections[1].split('\r\n')
-          lines[0] += ` ${payloadType}`
-          lines.splice(lines.length - 1, 0, `a=rtpmap:${payloadType} ${codec}`)
-          if (fmtp !== undefined) {
-            lines.splice(lines.length - 1, 0, `a=fmtp:${payloadType} ${fmtp}`)
-          }
-          sections[1] = lines.join('\r\n')
-          offer.sdp = sections.join(`m=${mediaType}`)
-          return pc.setLocalDescription(offer)
-        })
-        .then(() =>
-          pc.setRemoteDescription(
-            new RTCSessionDescription({
-              type: 'answer',
-              sdp:
-                `v=0\r\n`
-                + `o=- 6539324223450680508 0 IN IP4 0.0.0.0\r\n`
-                + `s=-\r\n`
-                + `t=0 0\r\n`
-                + `a=fingerprint:sha-256 0D:9F:78:15:42:B5:4B:E6:E2:94:3E:5B:37:78:E1:4B:54:59:A3:36:3A:E5:05:EB:27:EE:8F:D2:2D:41:29:25\r\n`
-                + `m=${mediaType} 9 UDP/TLS/RTP/SAVPF ${payloadType}\r\n`
-                + `c=IN IP4 0.0.0.0\r\n`
-                + `a=ice-pwd:7c3bf4770007e7432ee4ea4d697db675\r\n`
-                + `a=ice-ufrag:29e036dc\r\n`
-                + `a=sendonly\r\n`
-                + `a=rtcp-mux\r\n`
-                + `a=rtpmap:${payloadType} ${codec}\r\n${fmtp !== undefined ? `a=fmtp:${payloadType} ${fmtp}\r\n` : ''}`,
-            }),
-          ),
-        )
-        .then(() => resolve(true))
-        .catch(() => resolve(false))
-        .finally(() => pc.close())
-    })
-  }
-
-  /**
-   * Unquote a credential string.
-   */
-  static unquoteCredential(v: string): string {
-    return JSON.parse(`"${v}"`)
-  }
-
-  /**
-   * Convert Link header to iceServers array.
-   */
-  static linkToIceServers(links: string | null): RTCIceServer[] {
-    if (links) {
-      return links.split(', ').map((link) => {
-        const m = link.match(
-          /^<(.+?)>; rel="ice-server"(; username="(.*?)"; credential="(.*?)"; credential-type="password")?/i,
-        )
-
-        if (!m) {
-          throw new WebRTCError(ErrorTypes.SIGNAL_ERROR, 'Invalid ICE server link format')
-        }
-
-        const ret: RTCIceServer = {
-          urls: [m[1]],
-        }
-
-        if (m[3]) {
-          ret.username = WebRtcUtils.unquoteCredential(m[3])
-          ret.credential = WebRtcUtils.unquoteCredential(m[4])
-          ret.credentialType = 'password'
-        }
-
-        return ret
-      })
-    }
-    return []
-  }
-
-  /**
-   * Reserve a payload type.
-   */
-  static reservePayloadType(payloadTypes: string[]): string {
-    // everything is valid between 30 and 127, except for interval between 64 and 95
-    // https://chromium.googlesource.com/external/webrtc/+/refs/heads/master/call/payload_type.h#29
-    for (let i = 30; i <= 127; i++) {
-      if ((i <= 63 || i >= 96) && !payloadTypes.includes(i.toString())) {
-        const pl = i.toString()
-        payloadTypes.push(pl)
-        return pl
-      }
-    }
-    throw new Error('unable to find a free payload type')
-  }
-}

package/src/whep.ts

@@ -1,175 +0,0 @@
-import type { Conf, State } from './types'
-import { CodecDetector } from './core/codec'
-import { ConnectionManager } from './core/connection'
-import { HttpClient } from './core/http'
-import { TrackManager } from './core/track'
-import { ErrorTypes, WebRTCError } from './errors'
-import { FlowCheck } from './utils/flow-check'
-
-/** WebRTC/WHEP reader. */
-export default class WebRTCWhep {
-  private retryPause: number = 2000
-  private conf: Conf
-  private state: State
-  private restartTimeout?: NodeJS.Timeout
-  private sessionUrl?: string
-  private queuedCandidates: RTCIceCandidate[] = []
-  private nonAdvertisedCodecs: string[] = []
-  private flowCheck: FlowCheck
-  private httpClient: HttpClient
-  private connectionManager: ConnectionManager
-  private trackManager: TrackManager
-  private codecDetector: CodecDetector
-
-  constructor(conf: Conf) {
-    this.conf = conf
-    this.state = 'getting_codecs'
-
-    this.flowCheck = new FlowCheck({
-      interval: 5000,
-      onError: (err: WebRTCError) => this.handleError(err),
-    })
-
-    this.httpClient = new HttpClient(
-      this.conf,
-      () => this.state,
-      err => this.handleError(err),
-    )
-
-    this.connectionManager = new ConnectionManager(
-      () => this.state,
-      {
-        onCandidate: candidate => this.handleCandidate(candidate),
-        onTrack: (evt) => {
-          this.trackManager.onTrack(evt)
-          this.flowCheck.start()
-        },
-        onError: err => this.handleError(err),
-      },
-      this.nonAdvertisedCodecs,
-    )
-
-    this.trackManager = new TrackManager(this.conf.container)
-
-    this.codecDetector = new CodecDetector(
-      () => this.state,
-      {
-        onCodecsDetected: codecs => this.handleCodecsDetected(codecs),
-        onError: err => this.handleError(err),
-      },
-    )
-
-    this.codecDetector.detect()
-  }
-
-  get isRunning(): boolean {
-    return this.state === 'running'
-  }
-
-  close(): void {
-    this.state = 'closed'
-    this.connectionManager.close()
-    this.trackManager.stop()
-    this.flowCheck.stop()
-    if (this.restartTimeout) {
-      clearTimeout(this.restartTimeout)
-    }
-  }
-
-  private handleError(err: Error | WebRTCError): void {
-    this.flowCheck.stop()
-
-    if (this.state === 'getting_codecs') {
-      this.state = 'failed'
-    }
-    else if (err instanceof WebRTCError && err.type === ErrorTypes.SIGNAL_ERROR) {
-      this.state = 'failed'
-    }
-    else if (this.state === 'running') {
-      this.connectionManager.close()
-      this.queuedCandidates = []
-
-      if (this.sessionUrl) {
-        fetch(this.sessionUrl, {
-          method: 'DELETE',
-        })
-        this.sessionUrl = undefined
-      }
-
-      this.state = 'restarting'
-
-      this.restartTimeout = setTimeout(() => {
-        this.restartTimeout = undefined
-        this.state = 'running'
-        this.start()
-      }, this.retryPause)
-
-      err.message = `${err.message}, retrying in some seconds`
-    }
-
-    if (this.conf.onError) {
-      if (err instanceof WebRTCError) {
-        this.conf.onError(err)
-      }
-      else {
-        this.conf.onError(new WebRTCError(ErrorTypes.OTHER_ERROR, err.message))
-      }
-    }
-  }
-
-  private handleCodecsDetected(codecs: string[]): void {
-    this.nonAdvertisedCodecs = codecs
-    this.state = 'running'
-    this.start()
-  }
-
-  private start(): void {
-    this.httpClient.requestICEServers()
-      .then(iceServers => this.connectionManager.setupPeerConnection(iceServers))
-      .then(offer => this.httpClient.sendOffer(offer))
-      .then(({ sessionUrl, answer }) => this.handleOfferResponse(sessionUrl, answer))
-      .catch(err => this.handleError(err))
-  }
-
-  private handleOfferResponse(sessionUrl: string | undefined, answer: string): Promise<void> {
-    if (sessionUrl)
-      this.sessionUrl = sessionUrl
-
-    return this.connectionManager.setAnswer(answer).then(() => {
-      if (this.state !== 'running')
-        return
-
-      if (this.queuedCandidates.length !== 0) {
-        const offerData = this.connectionManager.getOfferData()
-        if (offerData && this.sessionUrl) {
-          this.httpClient.sendLocalCandidates(this.sessionUrl, offerData, this.queuedCandidates)
-          this.queuedCandidates = []
-        }
-      }
-    })
-  }
-
-  private handleCandidate(candidate: RTCIceCandidate): void {
-    if (this.sessionUrl) {
-      const offerData = this.connectionManager.getOfferData()
-      if (offerData) {
-        this.httpClient.sendLocalCandidates(this.sessionUrl, offerData, [candidate])
-      }
-    }
-    else {
-      this.queuedCandidates.push(candidate)
-    }
-  }
-
-  get paused(): boolean {
-    return this.trackManager.paused
-  }
-
-  pause(): void {
-    this.trackManager.pause()
-  }
-
-  resume(): void {
-    this.trackManager.resume()
-  }
-}