@wetspace/wetrtc 2.0.1 → 2.0.3

package/README.md

@@ -0,0 +1,25 @@
+# WetRTC
+
+本工具库是基于 WebRTC 的进一步封装，简化了其 WebRTC 中生涩的 API 的使用. 如果要考虑到兼容性，推荐引入`webrtc-adapter`这个适配库
+
+适配库的安装：
+
+`npm install webrtc-adapter`
+
+[适配库的使用文档地址](https://github.com/webrtchacks/adapter#readme)
+
+在 Electron 应用中是不需要使用适配库的，高版本的 Electron 对该部分支持非常到位
+
+## 1. 下载安装
+
+`npm i @wetspace/wetrtc -S` 或 `yarn add @wetspace/wetrtc`
+
+## 2. 工具库主要方法和 API
+
+## 源码地址
+
+[地址](https://gitee.com/wetspace/wetrtc)
+
+## 测试体验工具（音视频通讯）
+
+下载地址：[windows 版本]()

package/es/core/hook.d.ts

@@ -0,0 +1,34 @@
+import { WetRTCPlayer } from './index';
+import type { WetCreateConnectOneOption, ConnectionState } from './index';
+import type { MutableRefObject } from 'react';
+interface UseWebRtcParams {
+    name: string | number | MutableRefObject<string | number>;
+    senderSdp: (sdp: RTCSessionDescriptionInit) => void;
+    senderIce?: (ice: RTCIceCandidate) => void;
+    connectionConfig?: {
+        configuration?: RTCConfiguration;
+        constraints?: MediaStreamConstraints;
+    };
+    onError?: (err: {
+        code: string;
+        message: string;
+    }) => void;
+}
+declare const useWetRTC: (options: UseWebRtcParams) => {
+    connect: (transDirect?: WetCreateConnectOneOption['transDirect'], sdp?: RTCSessionDescriptionInit | undefined) => Promise<void>;
+    disconnect: () => void;
+    play: (type: 'remote' | 'local', player: WetRTCPlayer, outType?: "audio" | "video" | undefined) => void;
+    answerAction: (sdp: RTCSessionDescriptionInit) => void;
+    connectState: ConnectionState;
+    useAblesState: {
+        audioinput: boolean;
+        audiooutput: boolean;
+        videoinput: boolean;
+    };
+    useAbleRef: MutableRefObject<{
+        audioinput: boolean;
+        audiooutput: boolean;
+        videoinput: boolean;
+    }>;
+};
+export { useWetRTC };

package/es/core/index.d.ts

@@ -5,51 +5,53 @@ export interface WetRTCConnectctItem {
     state: ConnectionState;
     uuid: string;
     name: string;
+    streams: MediaStream | null;
+    transDirect: 'recvonly' | 'sendonly' | 'sendrecv';
 }
-export interface WetRTCoptions {
+export interface WetRTCItemType {
+    connect: (sdp?: RTCSessionDescriptionInit | undefined, stateChange?: ((state: ConnectionState) => void) | undefined) => Promise<RTCSessionDescriptionInit | null>;
+    play?: (player: WetRTCPlayer, type?: 'video' | 'audio') => void;
+    setRemoteSdp: (sdp: RTCSessionDescriptionInit) => void;
+    addIceCandidate: (sdp: RTCIceCandidate) => void;
+    self: WetRTCConnectctItem;
+}
+export interface WetCreateConnectOneOption {
     configuration?: RTCConfiguration;
-    constraints?: MediaStreamConstraints;
-    localPlayer?: WetRTCPlayer;
+    uuid?: string;
+    name?: string;
+    transDirect?: 'recvonly' | 'sendonly' | 'sendrecv';
+    iceCb?: (candidate: RTCIceCandidate) => void;
 }
 export declare class WetRTC {
-    streamControl: {
-        stream: MediaStream;
-        close: () => void;
-    } | null;
     rtcConnectMap: Map<string | number, WetRTCConnectctItem>;
-    private _options;
+    private constraints;
+    private streamControl;
     private isUseAbles;
-    constructor(configuration?: RTCConfiguration, constraints?: MediaStreamConstraints);
-    private init;
+    constructor(options?: MediaStreamConstraints);
+    getUseAbleDevices(): Promise<MediaDeviceInfo[] | null>;
     private captureStream;
-    /**
-     * 创建连接
-     */
-    createConnectOne(option: {
-        sdp?: RTCSessionDescriptionInit;
-        player: WetRTCPlayer;
-        uuid?: string;
-        name?: string;
-    }): {
-        uuid: string;
-        setRemote: (sdp: RTCSessionDescriptionInit) => void;
-        addIceCandidate: (sdp: RTCIceCandidate) => void;
-        next: (icecandidateCb: (candidate: RTCIceCandidate) => void, stateChange?: ((state: ConnectionState) => void) | undefined) => Promise<RTCSessionDescriptionInit>;
-    };
-    /**
-     * 关闭连接
-     */
-    disconnect(uuid?: string): void;
+    closeCaptureStream(): void;
+    playLocalStream(player: WetRTCPlayer, type?: 'video' | 'audio'): void;
+    createConnectOne(option: Omit<WetCreateConnectOneOption, 'transDirect'> & {
+        transDirect: 'sendonly';
+    }): Omit<WetRTCItemType, 'play'>;
+    createConnectOne(option: Omit<WetCreateConnectOneOption, 'transDirect'> & {
+        transDirect?: 'recvonly' | 'sendrecv';
+    }): WetRTCItemType;
     /**
      * 获取特定的连接
      */
     getConnectById(uuid: string): WetRTCConnectctItem | undefined;
     /**
-     * 设置远程sdp信息
+     * 关闭流的
      */
-    setRemoteDescriptionById(uuid: string, sdp: RTCSessionDescriptionInit): Promise<unknown>;
+    private closeStream;
+    /**
+     * 关闭连接
+     */
+    disconnect(uuid?: string): void;
     /**
-     * 设置远程IceCandidate信息
+     * 关闭所有的流
      */
-    addIceCandidateById(uuid: string, sdp: RTCIceCandidateInit): Promise<unknown>;
+    close(): void;
 }

package/es/index.d.ts

@@ -1,5 +1,6 @@
-import { getUseAbleDevices, getMediaStream } from './libs';
-import { SaveFileToLocal, createStreamToRecord } from './libs/record';
-import { WetRTC } from './core';
-export { getUseAbleDevices, getMediaStream, SaveFileToLocal, createStreamToRecord };
+import { getUseAbleDevices, getMediaStream, concatStream, filterStream, getRtcPeerTracks } from './libs';
+import { streamToRecord } from './libs/record';
+import { WetRTC } from './core/index';
+import { useWetRTC } from './core/hook';
+export { getUseAbleDevices, getMediaStream, concatStream, filterStream, streamToRecord, getRtcPeerTracks, useWetRTC, };
 export default WetRTC;

package/es/index.js

@@ -1 +1 @@
-function __awaiter(e,s,a,c){return new(a=a||Promise)(function(o,t){function n(e){try{r(c.next(e))}catch(e){t(e)}}function i(e){try{r(c.throw(e))}catch(e){t(e)}}function r(e){var t;e.done?o(e.value):((t=e.value)instanceof a?t:new a(function(e){e(t)})).then(n,i)}r((c=c.apply(e,s||[])).next())})}const getUseAbleDevices=()=>__awaiter(void 0,void 0,void 0,function*(){return navigator.mediaDevices.enumerateDevices?yield navigator.mediaDevices.enumerateDevices():Promise.reject({type:"CompatibilityError",message:"暂不支持-getUseAbleDevices"})}),getMediaStream=(n="display")=>{const i="display"===n?"getDisplayMedia":"getUserMedia";return o=>__awaiter(void 0,void 0,void 0,function*(){if(!navigator.mediaDevices[i])return Promise.reject({type:"CompatibilityError",message:`暂不支持-${i},`});try{var e="display"===n?o:o||{video:!0,audio:{noiseSuppression:!0,echoCancellation:!0,enableBackground:!1,suppressLocalAudioPlayback:!0}};const t=yield navigator.mediaDevices[i](e);return{stream:t,close:()=>{t.getTracks().forEach(e=>{e.stop()})}}}catch(e){return"Permission denied"===e.message?Promise.reject({type:"CancelError",message:"请求已经取消"}):Promise.reject({type:"GeneralError",message:e.message||"未知错误"})}})},filterStream=(e,t)=>{let o=[];return e.forEach(e=>{o=[...o,...e.getTracks().filter(e=>t?e.kind===t:e)]}),new MediaStream(o)},getRemoteTracks=e=>e.getReceivers().map(e=>e.track),getSaveProgressNum=(e,i)=>{const t=e.getReader();let r=0;return new ReadableStream({start(n){return function o(){return t.read().then(e=>{var{done:e,value:t}=e;if(!e)return r+=(null==t?void 0:t.length)||0,console.log(r/i),n.enqueue(t),o();n.close()})}()}})},SaveFileToLocal=(e,t)=>{e=URL.createObjectURL(e);const o=document.createElement("a");o.href=e,o.target="_blank",o.style.display="none",document.body.appendChild(o),o.download=t,o.click(),URL.revokeObjectURL(e),document.body.removeChild(o)},createStreamToRecord=(e,t={audioBitsPerSecond:128e3,videoBitsPerSecond:25e5,mimeType:"video/webm"})=>{const n=t.mimeType?t.mimeType.split("/"):["webm"];let i=(new Date).getTime().toString();const o=MediaRecorder.isTypeSupported(t.mimeType||"");if(!o)throw new Error(t.mimeType+"类型不支持");const r=new MediaRecorder(e,t);r.addEventListener("dataavailable",e=>{const t=e.data,o=t.size;e=URL.createObjectURL(t);fetch(e).then(e=>e.ok?e:Promise.reject("保存视频失败")).then(e=>e.body).then(e=>e?(SaveFileToLocal(t,i+"."+n[(null===n||void 0===n?void 0:n.length)-1]),getSaveProgressNum(e,o)):Promise.reject("没有可用的流"))});const s=()=>{o&&r.stop()};return{start:()=>{o&&r.start()},pause:()=>{o&&r.pause()},save:e=>{o&&(i=e||(new Date).getTime().toString(),s())},stop:s,resume:()=>{o&&r.resume()}}};let getRandomValues;const rnds8=new Uint8Array(16);function rng(){if(!getRandomValues&&!(getRandomValues="undefined"!=typeof crypto&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return getRandomValues(rnds8)}const byteToHex=[];for(let e=0;e<256;++e)byteToHex.push((e+256).toString(16).slice(1));function unsafeStringify(e,t=0){return(byteToHex[e[t+0]]+byteToHex[e[t+1]]+byteToHex[e[t+2]]+byteToHex[e[t+3]]+"-"+byteToHex[e[t+4]]+byteToHex[e[t+5]]+"-"+byteToHex[e[t+6]]+byteToHex[e[t+7]]+"-"+byteToHex[e[t+8]]+byteToHex[e[t+9]]+"-"+byteToHex[e[t+10]]+byteToHex[e[t+11]]+byteToHex[e[t+12]]+byteToHex[e[t+13]]+byteToHex[e[t+14]]+byteToHex[e[t+15]]).toLowerCase()}const randomUUID="undefined"!=typeof crypto&&crypto.randomUUID&&crypto.randomUUID.bind(crypto);var native={randomUUID:randomUUID};function v4(e,t,o){if(native.randomUUID&&!t&&!e)return native.randomUUID();const n=(e=e||{}).random||(e.rng||rng)();if(n[6]=15&n[6]|64,n[8]=63&n[8]|128,t){o=o||0;for(let e=0;e<16;++e)t[o+e]=n[e];return t}return unsafeStringify(n)}class WetRTC{constructor(e,t){this.streamControl=null,this.rtcConnectMap=new Map,this._options={configuration:{iceServers:[{urls:"stun:stun.l.google.com:19302"}]}},this.isUseAbles={audiooutput:!1,audioinput:!1,videoinput:!1},this.init({configuration:e,constraints:t})}init(e){this._options.constraints=null==e?void 0:e.constraints,this._options.configuration=Object.assign(Object.assign({},this._options.configuration),null==e?void 0:e.configuration),getUseAbleDevices().then(e=>{const t=e.map(e=>e.kind);this.isUseAbles.audioinput=t.includes("audioinput"),this.isUseAbles.videoinput=t.includes("videoinput"),this.isUseAbles.audiooutput=t.includes("audiooutput")}).catch(e=>{"CompatibilityError"===e.type&&(this.isUseAbles.audioinput=!0,this.isUseAbles.videoinput=!0,this.isUseAbles.audiooutput=!0)})}captureStream(){return __awaiter(this,void 0,void 0,function*(){var e=yield getMediaStream("user")(this._options.constraints);this.streamControl=e})}createConnectOne(o){const i=null==o?void 0:o.sdp,r=new RTCPeerConnection(this._options.configuration),s=(null==o?void 0:o.uuid)||v4(),a={RTCPeerIns:r,state:"new",name:(null==o?void 0:o.name)||s,uuid:s};return r.addEventListener("track",e=>{const t=o.player;t?(t.setAttribute("autoplay",""),t.setAttribute("playsinline",""),console.log(e.streams,t),t.srcObject=e.streams[0]):console.warn("缺少媒体播放元素video或者是audio")}),{uuid:s,setRemote:e=>{r.setRemoteDescription(e)},addIceCandidate:e=>{r.addIceCandidate(e)},next:(o,n)=>__awaiter(this,void 0,void 0,function*(){if(this.rtcConnectMap.set(s,a),r.addEventListener("icecandidate",e=>{e.candidate&&(console.log("icecandidate",e),o(e.candidate))}),r.addEventListener("connectionstatechange",e=>{e=e.target;a.state=e.connectionState,console.log(a.state),n&&n(a.state)}),this.streamControl||(yield this.captureStream()),this.streamControl){const t=filterStream([this.streamControl.stream],"video");t.getTracks().forEach(e=>{r.addTrack(e,t)})}var e;return i?(yield r.setRemoteDescription(i),e=yield r.createAnswer(),yield r.setLocalDescription(e),e):(e=yield r.createOffer(),yield r.setLocalDescription(e),e)})}}disconnect(e){var t;if(e){if(!this.rtcConnectMap.has(e))return;const o=this.getConnectById(e);if(o){const n=getRemoteTracks(o.RTCPeerIns);n.forEach(e=>{null!=e&&e.stop()}),o.RTCPeerIns.close(),this.rtcConnectMap.delete(e)}}else this.rtcConnectMap.forEach(e=>{const t=getRemoteTracks(e.RTCPeerIns);t.forEach(e=>{null!=e&&e.stop()}),e.RTCPeerIns.close()}),this.rtcConnectMap.clear();0===this.rtcConnectMap.size&&null!==(t=this.streamControl)&&void 0!==t&&t.close()}getConnectById(e){return this.rtcConnectMap.get(e)}setRemoteDescriptionById(t,o){return __awaiter(this,void 0,void 0,function*(){const e=this.getConnectById(t);try{yield null===e||void 0===e?void 0:e.RTCPeerIns.setRemoteDescription(o)}catch(e){return e}})}addIceCandidateById(t,o){return __awaiter(this,void 0,void 0,function*(){const e=this.getConnectById(t);try{yield null===e||void 0===e?void 0:e.RTCPeerIns.addIceCandidate(o)}catch(e){return e}})}}export{SaveFileToLocal,createStreamToRecord,WetRTC as default,getMediaStream,getUseAbleDevices};
+import{useRef,useState,useEffect,useCallback}from"react";function __awaiter(e,s,a,c){return new(a=a||Promise)(function(n,t){function r(e){try{o(c.next(e))}catch(e){t(e)}}function i(e){try{o(c.throw(e))}catch(e){t(e)}}function o(e){var t;e.done?n(e.value):((t=e.value)instanceof a?t:new a(function(e){e(t)})).then(r,i)}o((c=c.apply(e,s||[])).next())})}const getUseAbleDevices=()=>__awaiter(void 0,void 0,void 0,function*(){return navigator.mediaDevices&&navigator.mediaDevices.enumerateDevices?yield navigator.mediaDevices.enumerateDevices():(console.error("navigator.mediaDevices.enumerateDevices"),null)}),getMediaStream=(e="display")=>{const r="display"===e?"getDisplayMedia":"getUserMedia";return n=>__awaiter(void 0,void 0,void 0,function*(){if(navigator.mediaDevices[r]){var e=n||{video:!0,audio:{noiseSuppression:!0,echoCancellation:!0,enableBackground:!1,suppressLocalAudioPlayback:!0}};const t=yield navigator.mediaDevices[r](e);return{streams:t,close(){t.getTracks().forEach(e=>{e.stop()})}}}return console.error("不支持mediaDevices"),null})},concatStream=e=>{let t=[];return e.forEach(e=>{t=[...t,...e.getTracks()]}),new MediaStream(t)},filterStream=(e,t)=>{let n=[];return e.forEach(e=>{n=[...n,...e.getTracks().filter(e=>t?e.kind===t:e)]}),new MediaStream(n)},getRtcPeerTracks=(e,t)=>{const n={receivers(){return e.getReceivers().map(e=>e.track)},senders(){return e.getSenders().map(e=>e.track)}};return t?n[t]():[...n.receivers(),...n.senders()]},SaveFileToLocal=(e,t)=>{e=URL.createObjectURL(e);const n=document.createElement("a");n.href=e,n.target="_blank",n.style.display="none",document.body.appendChild(n),n.download=t,n.click(),URL.revokeObjectURL(e),document.body.removeChild(n)},streamToRecord=(e,t={audioBitsPerSecond:128e3,videoBitsPerSecond:25e5,mimeType:"video/webm"})=>{const n=t.mimeType?t.mimeType.split("/"):["webm"];let r=(new Date).getTime().toString();const i=MediaRecorder.isTypeSupported(t.mimeType||"");if(!i)throw new Error(t.mimeType+"类型不支持");const o=new MediaRecorder(e,t);o.addEventListener("dataavailable",e=>{SaveFileToLocal(e.data,r+"."+n[(null===n||void 0===n?void 0:n.length)-1])});const s=()=>{i&&o.stop()};return{start:()=>{i&&o.start()},pause:()=>{i&&o.pause()},save:e=>{i&&(r=e||(new Date).getTime().toString(),s())},stop:s,resume:()=>{i&&o.resume()}}};let getRandomValues;const rnds8=new Uint8Array(16);function rng(){if(!getRandomValues&&!(getRandomValues="undefined"!=typeof crypto&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return getRandomValues(rnds8)}const byteToHex=[];for(let e=0;e<256;++e)byteToHex.push((e+256).toString(16).slice(1));function unsafeStringify(e,t=0){return(byteToHex[e[t+0]]+byteToHex[e[t+1]]+byteToHex[e[t+2]]+byteToHex[e[t+3]]+"-"+byteToHex[e[t+4]]+byteToHex[e[t+5]]+"-"+byteToHex[e[t+6]]+byteToHex[e[t+7]]+"-"+byteToHex[e[t+8]]+byteToHex[e[t+9]]+"-"+byteToHex[e[t+10]]+byteToHex[e[t+11]]+byteToHex[e[t+12]]+byteToHex[e[t+13]]+byteToHex[e[t+14]]+byteToHex[e[t+15]]).toLowerCase()}const randomUUID="undefined"!=typeof crypto&&crypto.randomUUID&&crypto.randomUUID.bind(crypto);var native={randomUUID:randomUUID};function v4(e,t,n){if(native.randomUUID&&!t&&!e)return native.randomUUID();const r=(e=e||{}).random||(e.rng||rng)();if(r[6]=15&r[6]|64,r[8]=63&r[8]|128,t){n=n||0;for(let e=0;e<16;++e)t[n+e]=r[e];return t}return unsafeStringify(r)}const DefaultConfiguration={iceServers:[{urls:"stun:stun.l.google.com:19302"}]};class WetRTC{constructor(e){this.rtcConnectMap=new Map,this.constraints={video:!0,audio:{noiseSuppression:!0,echoCancellation:!0,suppressLocalAudioPlayback:!0}},this.streamControl=null,this.isUseAbles={audiooutput:!1,audioinput:!1,videoinput:!1},e&&(this.constraints=e),getUseAbleDevices().then(e=>{if(e){const t=e.map(e=>e.kind);this.isUseAbles.audioinput=t.includes("audioinput"),this.isUseAbles.videoinput=t.includes("videoinput"),this.isUseAbles.audiooutput=t.includes("audiooutput")}else this.isUseAbles.audioinput=!0,this.isUseAbles.videoinput=!0,this.isUseAbles.audiooutput=!0})}getUseAbleDevices(){return __awaiter(this,void 0,void 0,function*(){return yield getUseAbleDevices()})}captureStream(){return __awaiter(this,void 0,void 0,function*(){var e;return this.isUseAbles.audioinput||this.isUseAbles.videoinput?((e=yield getMediaStream("user")({video:!!this.isUseAbles.videoinput&&this.constraints.audio,audio:!!this.isUseAbles.audioinput&&this.constraints.audio}))&&(this.streamControl=e),e):null})}closeCaptureStream(){var e;null!==(e=this.streamControl)&&void 0!==e&&e.close(),this.streamControl=null}playLocalStream(e,t){this.streamControl&&e&&(e.setAttribute("autoPlay",""),e.setAttribute("playsInline",""),e.srcObject=filterStream([this.streamControl.streams],t))}createConnectOne(e){let i="new";const{configuration:t,uuid:n,name:r,transDirect:d,iceCb:o}=e||{};e=t||DefaultConfiguration;const s=d||"sendrecv",a=n||v4(),c=new RTCPeerConnection(e),u={RTCPeerIns:c,state:"new",name:r||a,uuid:"",streams:null,transDirect:s};return{connect:(n,r)=>__awaiter(this,void 0,void 0,function*(){var e;if(["sendrecv","sendonly"].includes(s)&&!this.streamControl&&!(yield this.captureStream()))return null;if(u.uuid=a,this.rtcConnectMap.set(a,u),c.addEventListener("track",e=>{e.streams&&e.streams[0]&&(u.streams=e.streams[0])}),Object.defineProperty(u,"state",{get(){return i},set(e){i=e,r&&r(e)}}),c.addEventListener("icecandidate",e=>{e.candidate&&o&&o(e.candidate)}),c.addEventListener("connectionstatechange",e=>{e=e.target;u.state=e.connectionState}),["sendrecv","sendonly"].includes(s)){const t=null===(e=this.streamControl)||void 0===e?void 0:e.streams;null!==t&&void 0!==t&&t.getTracks().forEach(e=>{c.addTrack(e,t)})}else try{c.addTransceiver("video",{direction:"recvonly"}),c.addTransceiver("audio",{direction:"recvonly"})}catch(e){u.state="failed"}return n?(yield c.setRemoteDescription(n),e=yield c.createAnswer(),yield c.setLocalDescription(e),e):(e=yield c.createOffer(),yield c.setLocalDescription(e),e)}),play:"sendonly"===s?void 0:(e,t)=>{var n;u.uuid&&(n=c.getReceivers().map(e=>e.track),n=new MediaStream(n),null!=e&&e.setAttribute("autoplay",""),null!=e&&e.setAttribute("playsinline",""),e&&(e.srcObject=filterStream([n],t)))},self:u,setRemoteSdp:e=>__awaiter(this,void 0,void 0,function*(){try{c.setRemoteDescription(e)}catch(e){console.error(e),u.state="failed"}}),addIceCandidate:e=>{c.addIceCandidate(e)}}}getConnectById(e){return this.rtcConnectMap.get(e)}closeStream(e){if(e&&e.RTCPeerIns){const t={recvonly:()=>getRtcPeerTracks(e.RTCPeerIns,"receivers"),sendonly:()=>getRtcPeerTracks(e.RTCPeerIns,"senders"),sendrecv:()=>getRtcPeerTracks(e.RTCPeerIns)},n=t[e.transDirect]();n.forEach(e=>{null!=e&&e.stop()}),e.streams=null}}disconnect(e){if(e){if(this.rtcConnectMap.has(e)){const t=this.getConnectById(e);t.state="closed",this.closeStream(t),null!==t&&void 0!==t&&t.RTCPeerIns.close(),this.rtcConnectMap.delete(e)}}else this.rtcConnectMap.forEach(e=>{e.state="closed",this.closeStream(e),e.RTCPeerIns.close()}),this.rtcConnectMap.clear()}close(){this.disconnect(),this.closeCaptureStream()}}const useWetRTC=e=>{const{senderSdp:r,senderIce:i,connectionConfig:o,name:s,onError:a}=e,c=useRef(null),u=useRef(null),[t,l]=useState({audioinput:!1,audiooutput:!1,videoinput:!1}),d=useRef({audioinput:!1,audiooutput:!1,videoinput:!1}),[n,p]=useState("new");useEffect(()=>{c.current=new WetRTC(o&&(null===o||void 0===o?void 0:o.constraints)),c.current.getUseAbleDevices().then(e=>{const t={audioinput:!0,audiooutput:!0,videoinput:!0};if(e){const n=e.map(e=>e.kind);t.audioinput=n.includes("audioinput"),t.audiooutput=n.includes("audiooutput"),t.videoinput=n.includes("videoinput"),d.current=Object.assign({},t)}l(()=>t)})},[]);return{connect:useCallback((t="sendrecv",n)=>__awaiter(void 0,void 0,void 0,function*(){var e="object"==typeof s?s.current:s;c.current&&e&&(u.current=c.current.createConnectOne({transDirect:t,iceCb:i,configuration:o&&o.configuration}),(e=yield u.current.connect(n,e=>{p(()=>e)}))?r(e):(console.error("sdp获取失败,连接错误"),a&&a({code:"error",message:"sdp获取失败,连接错误"})))}),["object"==typeof s?s.current:s]),disconnect:()=>{var e;null!==(e=c.current)&&void 0!==e&&e.close()},play:(e,t,n)=>{"local"===e?null!==(e=c.current)&&void 0!==e&&e.playLocalStream(t,n):u.current&&u.current.play&&u.current.play(t,n)},answerAction:e=>{var t;null!==(t=u.current)&&void 0!==t&&t.setRemoteSdp(e)},connectState:n,useAblesState:t,useAbleRef:d}};export{concatStream,WetRTC as default,filterStream,getMediaStream,getRtcPeerTracks,getUseAbleDevices,streamToRecord,useWetRTC};

package/es/libs/index.d.ts

@@ -2,7 +2,7 @@
  * 获取可用设备
  * @returns Promise
  */
-export declare const getUseAbleDevices: () => Promise<MediaDeviceInfo[]>;
+export declare const getUseAbleDevices: () => Promise<MediaDeviceInfo[] | null>;
 /**
  * 获取支持的约束
  */
@@ -11,10 +11,10 @@ export declare const getSupportedConsitains: () => MediaTrackSupportedConstraint
  * 选择分享流(本地视频流) / 捕获用户许可的输入信号流
  * @returns Promise
  */
-export declare const getMediaStream: (type?: 'user' | 'display') => (constraints?: DisplayMediaStreamConstraints | MediaStreamConstraints | undefined) => Promise<{
-    stream: MediaStream;
-    close: () => void;
-}>;
+export declare const getMediaStream: (type?: 'user' | 'display') => (constraints?: MediaStreamConstraints | undefined) => Promise<{
+    streams: MediaStream;
+    close(): void;
+} | null>;
 /**
  * 将多个stream 整合为一个stream
  * @param options
@@ -22,10 +22,10 @@ export declare const getMediaStream: (type?: 'user' | 'display') => (constraints
  */
 export declare const concatStream: (options: MediaStream[]) => MediaStream;
 /**
- * 将多个stream 按'audio' 或'video'进行过滤整合
+ * 将多个stream 按'audio' 或'video'进行过滤整合,当type没有输出的流类型时将不会过滤
  * @param options
  * @param type
  * @returns
  */
 export declare const filterStream: (options: MediaStream[], type?: "audio" | "video" | undefined) => MediaStream;
-export declare const getRemoteTracks: (peerConnection: RTCPeerConnection) => MediaStreamTrack[];
+export declare const getRtcPeerTracks: (peerConnection: RTCPeerConnection, type?: "receivers" | "senders" | undefined) => (MediaStreamTrack | null)[];

package/es/libs/record.d.ts

@@ -1,5 +1,5 @@
 export declare const SaveFileToLocal: (blob: Blob, fileName: string) => void;
-export declare const createStreamToRecord: (stream: MediaStream, options?: MediaRecorderOptions) => {
+export declare const streamToRecord: (stream: MediaStream, options?: MediaRecorderOptions) => {
     start: () => void;
     pause: () => void;
     save: (_fileName?: string | undefined) => void;

package/lib/core/hook.d.ts

@@ -0,0 +1,34 @@
+import { WetRTCPlayer } from './index';
+import type { WetCreateConnectOneOption, ConnectionState } from './index';
+import type { MutableRefObject } from 'react';
+interface UseWebRtcParams {
+    name: string | number | MutableRefObject<string | number>;
+    senderSdp: (sdp: RTCSessionDescriptionInit) => void;
+    senderIce?: (ice: RTCIceCandidate) => void;
+    connectionConfig?: {
+        configuration?: RTCConfiguration;
+        constraints?: MediaStreamConstraints;
+    };
+    onError?: (err: {
+        code: string;
+        message: string;
+    }) => void;
+}
+declare const useWetRTC: (options: UseWebRtcParams) => {
+    connect: (transDirect?: WetCreateConnectOneOption['transDirect'], sdp?: RTCSessionDescriptionInit | undefined) => Promise<void>;
+    disconnect: () => void;
+    play: (type: 'remote' | 'local', player: WetRTCPlayer, outType?: "audio" | "video" | undefined) => void;
+    answerAction: (sdp: RTCSessionDescriptionInit) => void;
+    connectState: ConnectionState;
+    useAblesState: {
+        audioinput: boolean;
+        audiooutput: boolean;
+        videoinput: boolean;
+    };
+    useAbleRef: MutableRefObject<{
+        audioinput: boolean;
+        audiooutput: boolean;
+        videoinput: boolean;
+    }>;
+};
+export { useWetRTC };

package/lib/core/index.d.ts

@@ -5,51 +5,53 @@ export interface WetRTCConnectctItem {
     state: ConnectionState;
     uuid: string;
     name: string;
+    streams: MediaStream | null;
+    transDirect: 'recvonly' | 'sendonly' | 'sendrecv';
 }
-export interface WetRTCoptions {
+export interface WetRTCItemType {
+    connect: (sdp?: RTCSessionDescriptionInit | undefined, stateChange?: ((state: ConnectionState) => void) | undefined) => Promise<RTCSessionDescriptionInit | null>;
+    play?: (player: WetRTCPlayer, type?: 'video' | 'audio') => void;
+    setRemoteSdp: (sdp: RTCSessionDescriptionInit) => void;
+    addIceCandidate: (sdp: RTCIceCandidate) => void;
+    self: WetRTCConnectctItem;
+}
+export interface WetCreateConnectOneOption {
     configuration?: RTCConfiguration;
-    constraints?: MediaStreamConstraints;
-    localPlayer?: WetRTCPlayer;
+    uuid?: string;
+    name?: string;
+    transDirect?: 'recvonly' | 'sendonly' | 'sendrecv';
+    iceCb?: (candidate: RTCIceCandidate) => void;
 }
 export declare class WetRTC {
-    streamControl: {
-        stream: MediaStream;
-        close: () => void;
-    } | null;
     rtcConnectMap: Map<string | number, WetRTCConnectctItem>;
-    private _options;
+    private constraints;
+    private streamControl;
     private isUseAbles;
-    constructor(configuration?: RTCConfiguration, constraints?: MediaStreamConstraints);
-    private init;
+    constructor(options?: MediaStreamConstraints);
+    getUseAbleDevices(): Promise<MediaDeviceInfo[] | null>;
     private captureStream;
-    /**
-     * 创建连接
-     */
-    createConnectOne(option: {
-        sdp?: RTCSessionDescriptionInit;
-        player: WetRTCPlayer;
-        uuid?: string;
-        name?: string;
-    }): {
-        uuid: string;
-        setRemote: (sdp: RTCSessionDescriptionInit) => void;
-        addIceCandidate: (sdp: RTCIceCandidate) => void;
-        next: (icecandidateCb: (candidate: RTCIceCandidate) => void, stateChange?: ((state: ConnectionState) => void) | undefined) => Promise<RTCSessionDescriptionInit>;
-    };
-    /**
-     * 关闭连接
-     */
-    disconnect(uuid?: string): void;
+    closeCaptureStream(): void;
+    playLocalStream(player: WetRTCPlayer, type?: 'video' | 'audio'): void;
+    createConnectOne(option: Omit<WetCreateConnectOneOption, 'transDirect'> & {
+        transDirect: 'sendonly';
+    }): Omit<WetRTCItemType, 'play'>;
+    createConnectOne(option: Omit<WetCreateConnectOneOption, 'transDirect'> & {
+        transDirect?: 'recvonly' | 'sendrecv';
+    }): WetRTCItemType;
     /**
      * 获取特定的连接
      */
     getConnectById(uuid: string): WetRTCConnectctItem | undefined;
     /**
-     * 设置远程sdp信息
+     * 关闭流的
      */
-    setRemoteDescriptionById(uuid: string, sdp: RTCSessionDescriptionInit): Promise<unknown>;
+    private closeStream;
+    /**
+     * 关闭连接
+     */
+    disconnect(uuid?: string): void;
     /**
-     * 设置远程IceCandidate信息
+     * 关闭所有的流
      */
-    addIceCandidateById(uuid: string, sdp: RTCIceCandidateInit): Promise<unknown>;
+    close(): void;
 }

package/lib/index.d.ts

@@ -1,5 +1,6 @@
-import { getUseAbleDevices, getMediaStream } from './libs';
-import { SaveFileToLocal, createStreamToRecord } from './libs/record';
-import { WetRTC } from './core';
-export { getUseAbleDevices, getMediaStream, SaveFileToLocal, createStreamToRecord };
+import { getUseAbleDevices, getMediaStream, concatStream, filterStream, getRtcPeerTracks } from './libs';
+import { streamToRecord } from './libs/record';
+import { WetRTC } from './core/index';
+import { useWetRTC } from './core/hook';
+export { getUseAbleDevices, getMediaStream, concatStream, filterStream, streamToRecord, getRtcPeerTracks, useWetRTC, };
 export default WetRTC;

package/lib/index.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports):"function"==typeof define&&define.amd?define(["exports"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).index={})}(this,function(e){"use strict";function c(e,s,a,c){return new(a=a||Promise)(function(n,t){function i(e){try{r(c.next(e))}catch(e){t(e)}}function o(e){try{r(c.throw(e))}catch(e){t(e)}}function r(e){var t;e.done?n(e.value):((t=e.value)instanceof a?t:new a(function(e){e(t)})).then(i,o)}r((c=c.apply(e,s||[])).next())})}const t=()=>c(void 0,void 0,void 0,function*(){return navigator.mediaDevices.enumerateDevices?yield navigator.mediaDevices.enumerateDevices():Promise.reject({type:"CompatibilityError",message:"暂不支持-getUseAbleDevices"})}),n=(i="display")=>{const o="display"===i?"getDisplayMedia":"getUserMedia";return n=>c(void 0,void 0,void 0,function*(){if(!navigator.mediaDevices[o])return Promise.reject({type:"CompatibilityError",message:`暂不支持-${o},`});try{var e="display"===i?n:n||{video:!0,audio:{noiseSuppression:!0,echoCancellation:!0,enableBackground:!1,suppressLocalAudioPlayback:!0}};const t=yield navigator.mediaDevices[o](e);return{stream:t,close:()=>{t.getTracks().forEach(e=>{e.stop()})}}}catch(e){return"Permission denied"===e.message?Promise.reject({type:"CancelError",message:"请求已经取消"}):Promise.reject({type:"GeneralError",message:e.message||"未知错误"})}})},o=e=>e.getReceivers().map(e=>e.track),a=(e,o)=>{const t=e.getReader();let r=0;return new ReadableStream({start(i){return function n(){return t.read().then(e=>{var{done:e,value:t}=e;if(!e)return r+=(null==t?void 0:t.length)||0,console.log(r/o),i.enqueue(t),n();i.close()})}()}})},d=(e,t)=>{e=URL.createObjectURL(e);const n=document.createElement("a");n.href=e,n.target="_blank",n.style.display="none",document.body.appendChild(n),n.download=t,n.click(),URL.revokeObjectURL(e),document.body.removeChild(n)};let r;const l=new Uint8Array(16);const s=[];for(let e=0;e<256;++e)s.push((e+256).toString(16).slice(1));var u={randomUUID:"undefined"!=typeof crypto&&crypto.randomUUID&&crypto.randomUUID.bind(crypto)};function i(e,t,n){if(u.randomUUID&&!t&&!e)return u.randomUUID();const i=(e=e||{}).random||(e.rng||function(){if(!r&&!(r="undefined"!=typeof crypto&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return r(l)})();if(i[6]=15&i[6]|64,i[8]=63&i[8]|128,t){n=n||0;for(let e=0;e<16;++e)t[n+e]=i[e];return t}return e=i,o=0,(s[e[o+0]]+s[e[o+1]]+s[e[o+2]]+s[e[o+3]]+"-"+s[e[o+4]]+s[e[o+5]]+"-"+s[e[o+6]]+s[e[o+7]]+"-"+s[e[o+8]]+s[e[o+9]]+"-"+s[e[o+10]]+s[e[o+11]]+s[e[o+12]]+s[e[o+13]]+s[e[o+14]]+s[e[o+15]]).toLowerCase();var o}e.SaveFileToLocal=d,e.createStreamToRecord=(e,t={audioBitsPerSecond:128e3,videoBitsPerSecond:25e5,mimeType:"video/webm"})=>{const i=t.mimeType?t.mimeType.split("/"):["webm"];let o=(new Date).getTime().toString();const n=MediaRecorder.isTypeSupported(t.mimeType||"");if(!n)throw new Error(t.mimeType+"类型不支持");const r=new MediaRecorder(e,t);r.addEventListener("dataavailable",e=>{const t=e.data,n=t.size;e=URL.createObjectURL(t);fetch(e).then(e=>e.ok?e:Promise.reject("保存视频失败")).then(e=>e.body).then(e=>e?(d(t,o+"."+i[(null===i||void 0===i?void 0:i.length)-1]),a(e,n)):Promise.reject("没有可用的流"))});const s=()=>{n&&r.stop()};return{start:()=>{n&&r.start()},pause:()=>{n&&r.pause()},save:e=>{n&&(o=e||(new Date).getTime().toString(),s())},stop:s,resume:()=>{n&&r.resume()}}},e.default=class{constructor(e,t){this.streamControl=null,this.rtcConnectMap=new Map,this._options={configuration:{iceServers:[{urls:"stun:stun.l.google.com:19302"}]}},this.isUseAbles={audiooutput:!1,audioinput:!1,videoinput:!1},this.init({configuration:e,constraints:t})}init(e){this._options.constraints=null==e?void 0:e.constraints,this._options.configuration=Object.assign(Object.assign({},this._options.configuration),null==e?void 0:e.configuration),t().then(e=>{const t=e.map(e=>e.kind);this.isUseAbles.audioinput=t.includes("audioinput"),this.isUseAbles.videoinput=t.includes("videoinput"),this.isUseAbles.audiooutput=t.includes("audiooutput")}).catch(e=>{"CompatibilityError"===e.type&&(this.isUseAbles.audioinput=!0,this.isUseAbles.videoinput=!0,this.isUseAbles.audiooutput=!0)})}captureStream(){return c(this,void 0,void 0,function*(){var e=yield n("user")(this._options.constraints);this.streamControl=e})}createConnectOne(n){const o=null==n?void 0:n.sdp,r=new RTCPeerConnection(this._options.configuration),s=(null==n?void 0:n.uuid)||i(),a={RTCPeerIns:r,state:"new",name:(null==n?void 0:n.name)||s,uuid:s};return r.addEventListener("track",e=>{const t=n.player;t?(t.setAttribute("autoplay",""),t.setAttribute("playsinline",""),console.log(e.streams,t),t.srcObject=e.streams[0]):console.warn("缺少媒体播放元素video或者是audio")}),{uuid:s,setRemote:e=>{r.setRemoteDescription(e)},addIceCandidate:e=>{r.addIceCandidate(e)},next:(n,i)=>c(this,void 0,void 0,function*(){if(this.rtcConnectMap.set(s,a),r.addEventListener("icecandidate",e=>{e.candidate&&(console.log("icecandidate",e),n(e.candidate))}),r.addEventListener("connectionstatechange",e=>{e=e.target;a.state=e.connectionState,console.log(a.state),i&&i(a.state)}),this.streamControl||(yield this.captureStream()),this.streamControl){const t=((e,t)=>{let n=[];return e.forEach(e=>{n=[...n,...e.getTracks().filter(e=>t?e.kind===t:e)]}),new MediaStream(n)})([this.streamControl.stream],"video");t.getTracks().forEach(e=>{r.addTrack(e,t)})}var e;return o?(yield r.setRemoteDescription(o),e=yield r.createAnswer(),yield r.setLocalDescription(e),e):(e=yield r.createOffer(),yield r.setLocalDescription(e),e)})}}disconnect(e){var t;if(e){if(!this.rtcConnectMap.has(e))return;const n=this.getConnectById(e);if(n){const i=o(n.RTCPeerIns);i.forEach(e=>{null!=e&&e.stop()}),n.RTCPeerIns.close(),this.rtcConnectMap.delete(e)}}else this.rtcConnectMap.forEach(e=>{const t=o(e.RTCPeerIns);t.forEach(e=>{null!=e&&e.stop()}),e.RTCPeerIns.close()}),this.rtcConnectMap.clear();0===this.rtcConnectMap.size&&null!==(t=this.streamControl)&&void 0!==t&&t.close()}getConnectById(e){return this.rtcConnectMap.get(e)}setRemoteDescriptionById(t,n){return c(this,void 0,void 0,function*(){const e=this.getConnectById(t);try{yield null===e||void 0===e?void 0:e.RTCPeerIns.setRemoteDescription(n)}catch(e){return e}})}addIceCandidateById(t,n){return c(this,void 0,void 0,function*(){const e=this.getConnectById(t);try{yield null===e||void 0===e?void 0:e.RTCPeerIns.addIceCandidate(n)}catch(e){return e}})}},e.getMediaStream=n,e.getUseAbleDevices=t,Object.defineProperty(e,"__esModule",{value:!0})});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react")):"function"==typeof define&&define.amd?define(["exports","react"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).index={},e.react)}(this,function(e,v){"use strict";function m(e,s,a,c){return new(a=a||Promise)(function(n,t){function i(e){try{o(c.next(e))}catch(e){t(e)}}function r(e){try{o(c.throw(e))}catch(e){t(e)}}function o(e){var t;e.done?n(e.value):((t=e.value)instanceof a?t:new a(function(e){e(t)})).then(i,r)}o((c=c.apply(e,s||[])).next())})}const t=()=>m(void 0,void 0,void 0,function*(){return navigator.mediaDevices&&navigator.mediaDevices.enumerateDevices?yield navigator.mediaDevices.enumerateDevices():(console.error("navigator.mediaDevices.enumerateDevices"),null)}),n=(e="display")=>{const i="display"===e?"getDisplayMedia":"getUserMedia";return n=>m(void 0,void 0,void 0,function*(){if(navigator.mediaDevices[i]){var e=n||{video:!0,audio:{noiseSuppression:!0,echoCancellation:!0,enableBackground:!1,suppressLocalAudioPlayback:!0}};const t=yield navigator.mediaDevices[i](e);return{streams:t,close(){t.getTracks().forEach(e=>{e.stop()})}}}return console.error("不支持mediaDevices"),null})};const l=(e,t)=>{let n=[];return e.forEach(e=>{n=[...n,...e.getTracks().filter(e=>t?e.kind===t:e)]}),new MediaStream(n)},i=(e,t)=>{const n={receivers(){return e.getReceivers().map(e=>e.track)},senders(){return e.getSenders().map(e=>e.track)}};return t?n[t]():[...n.receivers(),...n.senders()]};let o;const c=new Uint8Array(16);const s=[];for(let e=0;e<256;++e)s.push((e+256).toString(16).slice(1));var a={randomUUID:"undefined"!=typeof crypto&&crypto.randomUUID&&crypto.randomUUID.bind(crypto)};function p(e,t,n){if(a.randomUUID&&!t&&!e)return a.randomUUID();const i=(e=e||{}).random||(e.rng||function(){if(!o&&!(o="undefined"!=typeof crypto&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return o(c)})();if(i[6]=15&i[6]|64,i[8]=63&i[8]|128,t){n=n||0;for(let e=0;e<16;++e)t[n+e]=i[e];return t}return e=i,r=0,(s[e[r+0]]+s[e[r+1]]+s[e[r+2]]+s[e[r+3]]+"-"+s[e[r+4]]+s[e[r+5]]+"-"+s[e[r+6]]+s[e[r+7]]+"-"+s[e[r+8]]+s[e[r+9]]+"-"+s[e[r+10]]+s[e[r+11]]+s[e[r+12]]+s[e[r+13]]+s[e[r+14]]+s[e[r+15]]).toLowerCase();var r}const f={iceServers:[{urls:"stun:stun.l.google.com:19302"}]};class h{constructor(e){this.rtcConnectMap=new Map,this.constraints={video:!0,audio:{noiseSuppression:!0,echoCancellation:!0,suppressLocalAudioPlayback:!0}},this.streamControl=null,this.isUseAbles={audiooutput:!1,audioinput:!1,videoinput:!1},e&&(this.constraints=e),t().then(e=>{if(e){const t=e.map(e=>e.kind);this.isUseAbles.audioinput=t.includes("audioinput"),this.isUseAbles.videoinput=t.includes("videoinput"),this.isUseAbles.audiooutput=t.includes("audiooutput")}else this.isUseAbles.audioinput=!0,this.isUseAbles.videoinput=!0,this.isUseAbles.audiooutput=!0})}getUseAbleDevices(){return m(this,void 0,void 0,function*(){return yield t()})}captureStream(){return m(this,void 0,void 0,function*(){var e;return this.isUseAbles.audioinput||this.isUseAbles.videoinput?((e=yield n("user")({video:!!this.isUseAbles.videoinput&&this.constraints.audio,audio:!!this.isUseAbles.audioinput&&this.constraints.audio}))&&(this.streamControl=e),e):null})}closeCaptureStream(){var e;null!==(e=this.streamControl)&&void 0!==e&&e.close(),this.streamControl=null}playLocalStream(e,t){this.streamControl&&e&&(e.setAttribute("autoPlay",""),e.setAttribute("playsInline",""),e.srcObject=l([this.streamControl.streams],t))}createConnectOne(e){let r="new";const{configuration:t,uuid:n,name:i,transDirect:u,iceCb:o}=e||{};e=t||f;const s=u||"sendrecv",a=n||p(),c=new RTCPeerConnection(e),d={RTCPeerIns:c,state:"new",name:i||a,uuid:"",streams:null,transDirect:s};return{connect:(n,i)=>m(this,void 0,void 0,function*(){var e;if(["sendrecv","sendonly"].includes(s)&&!this.streamControl&&!(yield this.captureStream()))return null;if(d.uuid=a,this.rtcConnectMap.set(a,d),c.addEventListener("track",e=>{e.streams&&e.streams[0]&&(d.streams=e.streams[0])}),Object.defineProperty(d,"state",{get(){return r},set(e){r=e,i&&i(e)}}),c.addEventListener("icecandidate",e=>{e.candidate&&o&&o(e.candidate)}),c.addEventListener("connectionstatechange",e=>{e=e.target;d.state=e.connectionState}),["sendrecv","sendonly"].includes(s)){const t=null===(e=this.streamControl)||void 0===e?void 0:e.streams;null!==t&&void 0!==t&&t.getTracks().forEach(e=>{c.addTrack(e,t)})}else try{c.addTransceiver("video",{direction:"recvonly"}),c.addTransceiver("audio",{direction:"recvonly"})}catch(e){d.state="failed"}return n?(yield c.setRemoteDescription(n),e=yield c.createAnswer(),yield c.setLocalDescription(e),e):(e=yield c.createOffer(),yield c.setLocalDescription(e),e)}),play:"sendonly"===s?void 0:(e,t)=>{var n;d.uuid&&(n=c.getReceivers().map(e=>e.track),n=new MediaStream(n),null!=e&&e.setAttribute("autoplay",""),null!=e&&e.setAttribute("playsinline",""),e&&(e.srcObject=l([n],t)))},self:d,setRemoteSdp:e=>m(this,void 0,void 0,function*(){try{c.setRemoteDescription(e)}catch(e){console.error(e),d.state="failed"}}),addIceCandidate:e=>{c.addIceCandidate(e)}}}getConnectById(e){return this.rtcConnectMap.get(e)}closeStream(e){if(e&&e.RTCPeerIns){const t={recvonly:()=>i(e.RTCPeerIns,"receivers"),sendonly:()=>i(e.RTCPeerIns,"senders"),sendrecv:()=>i(e.RTCPeerIns)},n=t[e.transDirect]();n.forEach(e=>{null!=e&&e.stop()}),e.streams=null}}disconnect(e){if(e){if(this.rtcConnectMap.has(e)){const t=this.getConnectById(e);t.state="closed",this.closeStream(t),null!==t&&void 0!==t&&t.RTCPeerIns.close(),this.rtcConnectMap.delete(e)}}else this.rtcConnectMap.forEach(e=>{e.state="closed",this.closeStream(e),e.RTCPeerIns.close()}),this.rtcConnectMap.clear()}close(){this.disconnect(),this.closeCaptureStream()}}e.concatStream=e=>{let t=[];return e.forEach(e=>{t=[...t,...e.getTracks()]}),new MediaStream(t)},e.default=h,e.filterStream=l,e.getMediaStream=n,e.getRtcPeerTracks=i,e.getUseAbleDevices=t,e.streamToRecord=(e,t={audioBitsPerSecond:128e3,videoBitsPerSecond:25e5,mimeType:"video/webm"})=>{const i=t.mimeType?t.mimeType.split("/"):["webm"];let r=(new Date).getTime().toString();const n=MediaRecorder.isTypeSupported(t.mimeType||"");if(!n)throw new Error(t.mimeType+"类型不支持");const o=new MediaRecorder(e,t);o.addEventListener("dataavailable",e=>{{e=e.data;var t=r+"."+i[(null===i||void 0===i?void 0:i.length)-1];e=URL.createObjectURL(e);const n=document.createElement("a");return n.href=e,n.target="_blank",n.style.display="none",document.body.appendChild(n),n.download=t,n.click(),URL.revokeObjectURL(e),void document.body.removeChild(n)}});const s=()=>{n&&o.stop()};return{start:()=>{n&&o.start()},pause:()=>{n&&o.pause()},save:e=>{n&&(r=e||(new Date).getTime().toString(),s())},stop:s,resume:()=>{n&&o.resume()}}},e.useWetRTC=e=>{const{senderSdp:i,senderIce:r,connectionConfig:o,name:s,onError:a}=e,c=v.useRef(null),d=v.useRef(null),[t,l]=v.useState({audioinput:!1,audiooutput:!1,videoinput:!1}),u=v.useRef({audioinput:!1,audiooutput:!1,videoinput:!1}),[n,p]=v.useState("new");v.useEffect(()=>{c.current=new h(o&&(null===o||void 0===o?void 0:o.constraints)),c.current.getUseAbleDevices().then(e=>{const t={audioinput:!0,audiooutput:!0,videoinput:!0};if(e){const n=e.map(e=>e.kind);t.audioinput=n.includes("audioinput"),t.audiooutput=n.includes("audiooutput"),t.videoinput=n.includes("videoinput"),u.current=Object.assign({},t)}l(()=>t)})},[]);return{connect:v.useCallback((t="sendrecv",n)=>m(void 0,void 0,void 0,function*(){var e="object"==typeof s?s.current:s;c.current&&e&&(d.current=c.current.createConnectOne({transDirect:t,iceCb:r,configuration:o&&o.configuration}),(e=yield d.current.connect(n,e=>{p(()=>e)}))?i(e):(console.error("sdp获取失败,连接错误"),a&&a({code:"error",message:"sdp获取失败,连接错误"})))}),["object"==typeof s?s.current:s]),disconnect:()=>{var e;null!==(e=c.current)&&void 0!==e&&e.close()},play:(e,t,n)=>{"local"===e?null!==(e=c.current)&&void 0!==e&&e.playLocalStream(t,n):d.current&&d.current.play&&d.current.play(t,n)},answerAction:e=>{var t;null!==(t=d.current)&&void 0!==t&&t.setRemoteSdp(e)},connectState:n,useAblesState:t,useAbleRef:u}},Object.defineProperty(e,"__esModule",{value:!0})});

package/lib/libs/index.d.ts

@@ -2,7 +2,7 @@
  * 获取可用设备
  * @returns Promise
  */
-export declare const getUseAbleDevices: () => Promise<MediaDeviceInfo[]>;
+export declare const getUseAbleDevices: () => Promise<MediaDeviceInfo[] | null>;
 /**
  * 获取支持的约束
  */
@@ -11,10 +11,10 @@ export declare const getSupportedConsitains: () => MediaTrackSupportedConstraint
  * 选择分享流(本地视频流) / 捕获用户许可的输入信号流
  * @returns Promise
  */
-export declare const getMediaStream: (type?: 'user' | 'display') => (constraints?: DisplayMediaStreamConstraints | MediaStreamConstraints | undefined) => Promise<{
-    stream: MediaStream;
-    close: () => void;
-}>;
+export declare const getMediaStream: (type?: 'user' | 'display') => (constraints?: MediaStreamConstraints | undefined) => Promise<{
+    streams: MediaStream;
+    close(): void;
+} | null>;
 /**
  * 将多个stream 整合为一个stream
  * @param options
@@ -22,10 +22,10 @@ export declare const getMediaStream: (type?: 'user' | 'display') => (constraints
  */
 export declare const concatStream: (options: MediaStream[]) => MediaStream;
 /**
- * 将多个stream 按'audio' 或'video'进行过滤整合
+ * 将多个stream 按'audio' 或'video'进行过滤整合,当type没有输出的流类型时将不会过滤
  * @param options
  * @param type
  * @returns
  */
 export declare const filterStream: (options: MediaStream[], type?: "audio" | "video" | undefined) => MediaStream;
-export declare const getRemoteTracks: (peerConnection: RTCPeerConnection) => MediaStreamTrack[];
+export declare const getRtcPeerTracks: (peerConnection: RTCPeerConnection, type?: "receivers" | "senders" | undefined) => (MediaStreamTrack | null)[];

package/lib/libs/record.d.ts

@@ -1,5 +1,5 @@
 export declare const SaveFileToLocal: (blob: Blob, fileName: string) => void;
-export declare const createStreamToRecord: (stream: MediaStream, options?: MediaRecorderOptions) => {
+export declare const streamToRecord: (stream: MediaStream, options?: MediaRecorderOptions) => {
     start: () => void;
     pause: () => void;
     save: (_fileName?: string | undefined) => void;

package/package.json

@@ -1,38 +1,46 @@
 {
-    "name": "@wetspace/wetrtc",
-    "version": "2.0.1",
-    "description": "wetrtc",
-    "author": "tangjie <981955667@qq.com>",
-    "license": "ISC",
-    "main": "lib/index.js",
-    "module": "es/index.js",
-    "types": "es/index.d.ts",
-    "sideEffects": [
-        "./src/**/*.less",
-        "./es/**/*.less",
-        "./lib/**/*.less"
-    ],
-    "files": [
-        "lib",
-        "es"
-    ],
-    "publishConfig": {
-        "registry": "https://registry.npmjs.org/",
-        "access": "public"
-    },
-    "repository": {
-        "type": "git",
-        "url": "https://gitee.com/wetspace/wetrtc.git"
-    },
-    "scripts": {
-        "start": "rollup -c -w",
-        "build": "rm -fr lib && rm -fr es && set NODE_ENV=production&& rollup -c rollup.config.js"
-    },
-    "devDependencies": {
-        "@types/uuid": "^8.3.4",
-        "rollup": "^2.67.3"
-    },
-    "dependencies": {
-        "uuid": "^9.0.0"
-    }
+  "name": "@wetspace/wetrtc",
+  "version": "2.0.3",
+  "description": "wetrtc",
+  "author": "tangjie <981955667@qq.com>",
+  "license": "ISC",
+  "main": "lib/index.js",
+  "module": "es/index.js",
+  "types": "es/index.d.ts",
+  "keywords": [
+    "component",
+    "webrtc",
+    "hooks",
+    "react",
+    "wetrtc"
+  ],
+  "sideEffects": [
+    "./src/**/*.less",
+    "./es/**/*.less",
+    "./lib/**/*.less"
+  ],
+  "files": [
+    "lib",
+    "es"
+  ],
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/",
+    "access": "public"
+  },
+  "homepage": "https://wetspace.gitee.io/wetrtc/",
+  "repository": {
+    "type": "git",
+    "url": "https://gitee.com/wetspace/wetrtc.git"
+  },
+  "scripts": {
+    "start": "rollup -c -w",
+    "build": "rm -fr lib && rm -fr es && set NODE_ENV=production&& rollup -c rollup.config.js"
+  },
+  "devDependencies": {
+    "@types/uuid": "^8.3.4",
+    "rollup": "^2.67.3"
+  },
+  "dependencies": {
+    "uuid": "^9.0.0"
+  }
 }