@besovideo/webrtc-player 0.8.94 → 0.8.96

package/README.md

@@ -7,6 +7,7 @@
 ## 简介 Introduction
 
 > 设备视频播放、对讲封装
+[Webrtc 与 平台接口关系](README.webrtc.md)
 
 ## 安装 Installation
 
@@ -170,9 +171,49 @@ instance.playerStatus : {
     // 设置录像状态
     Set(status: {type: "recordStart" | "recordStop"}): void;
     // 添加事件监听, type == "recordStop" recordInfo 才有值
-    addEventListener(handle: ((status: {type: "recordStart" | "recordStop", recordInfo?: { data: Blob, cancelAutoDownload: () => void} }) => void)):void;
+    addEventListener(handle: ((status: {
+      type: "recordStart" | "recordStop", 
+      recordInfo?: { 
+        data: Blob;        // 数据
+        startTime: number; // 录像开始时间 utc ms
+        endTime: number;   // 录像结束时间 utc ms
+        duration: number;  // 录像时长 ms
+        fileName: string;  // 文件名
+        puOptions: {
+          id: string;       // 设备名称
+          index: number;    // 通道ID
+          name?: string;          //设备名称，用于内部UI显示
+          indexName?: string;     //通道名称，用于内部UI显示
+        },
+        //调用将取消自动下载，返回下载函数
+        cancelAutoDownload: () => {
+          //调用该接口，浏览器下载文件， filename 不填为默认的文件名，否则为[filename].webm
+          download(filename?: string): void;
+        }
+      }
+     }) => void)):void;
     // 移除事件监听
-    removeEventListener(handle: ((status: {type: "recordStart" | "recordStop", recordInfo?: {data: Blob, cancelAutoDownload: () => void} }) => void)):void;
+    removeEventListener(handle: ((status: {
+      type: "recordStart" | "recordStop", 
+      recordInfo?: { 
+        data: Blob;        // 数据
+        startTime: number; // 录像开始时间 utc ms
+        endTime: number;   // 录像结束时间 utc ms
+        duration: number;  // 录像时长 ms
+        fileName: string;  // 文件名
+        puOptions: {
+          id: string;       // 设备名称
+          index: number;    // 通道ID
+          name?: string;          //设备名称，用于内部UI显示
+          indexName?: string;     //通道名称，用于内部UI显示
+        },
+        //调用将取消自动下载，返回下载函数
+        cancelAutoDownload: () => {
+          //调用该接口，浏览器下载文件， filename 不填为默认的文件名，否则为[filename].webm
+          download(filename?: string): void;
+        }
+      }
+     }) => void)):void;
   },
   rotate: {
     // 获取旋转状态，顺时针方向

package/README.webrtc.md

@@ -0,0 +1,21 @@
+这个包封装了[平台接口](https://bvcsp.apifox.cn/)流媒体相关的操作。
+包含 实时视频 对讲 会议的流媒体 操作
+
+流媒体基于webrtc 和 bvrtc两种
+
+### 先介绍Webrtc，介绍之后说下webrtc和bvrtc的区别：
+
+[简介](https://developer.mozilla.org/zh-CN/docs/Web/API/WebRTC_API/Session_lifetime)
+
+[Webrtc的信令事务流程](https://developer.mozilla.org/zh-CN/docs/Web/API/WebRTC_API/Signaling_and_video_calling#%E4%BF%A1%E4%BB%A4%E4%BA%8B%E5%8A%A1%E6%B5%81%E7%A8%8B)
+
+
+[平台接口打开设备音视频流webrtc](https://bvcsp.apifox.cn/api-171249025)接口用作信令交互，就是上图中交互[SDP](https://developer.mozilla.org/zh-CN/docs/Glossary/SDP)。
+
+通过webrtc打开设备实时视频 本包封装的过程就是，
+1、创建 const rtcPC = RTCPeerConnection
+2、创建Offer const {type, sdp} = await [rtcPC.createOffer()](https://developer.mozilla.org/en-US/docs/Web/API/RTCPeerConnection/createOffer)
+3、设置本地SDP  await [rtcPC.setLocalDescription](https://developer.mozilla.org/en-US/docs/Web/API/RTCPeerConnection/setLocalDescription)({type, sdp})
+4、通过 [平台接口打开设备音视频流webrtc](https://bvcsp.apifox.cn/api-171249025) 发送SDP到服务器，收到远程SDP, 保存 const remoteSDP = await post('/bvcsp/v1/dialog/device/webrtc', {...});
+5、设置rtcPC的远程SDP [rtcPC.setRemoteDescription()](https://developer.mozilla.org/en-US/docs/Web/API/RTCPeerConnection/setRemoteDescription)({type: 'anwser', sdp: remoteSDP})
+

package/dist/main.browser.js

@@ -117,7 +117,7 @@ var bvPlayerCore = (() => {
   var define_processenv_default;
   var init_define_processenv = __esm({
     "<define:processenv>"() {
-      define_processenv_default = { NODE_ENV: "production", SH_LIB_NAME: "@besovideo/webrtc-player", SH_LIB_VERSION: "0.8.94", PROJECT_NAMESPACE: "bvplayer" };
+      define_processenv_default = { NODE_ENV: "production", SH_LIB_NAME: "@besovideo/webrtc-player", SH_LIB_VERSION: "0.8.96", PROJECT_NAMESPACE: "bvplayer" };
     }
   });
 
@@ -7125,6 +7125,7 @@ If you want to allow non-zero first timestamps, set firstTimestampBehavior: 'per
           description: audioCodecPrivate
         }
       } : void 0;
+      let maxTimestamp = -1;
       handleEle((timestamp, data, bVideo, bKeyFrame) => {
         if (bVideo) {
           muxer.addVideoChunkRaw(data, bKeyFrame ? "key" : "delta", timestamp);
@@ -7133,9 +7134,15 @@ If you want to allow non-zero first timestamps, set firstTimestampBehavior: 'per
             muxer.addAudioChunkRaw(data, "key", timestamp, config);
           }
         }
+        if (maxTimestamp < timestamp) {
+          maxTimestamp = timestamp;
+        }
       });
       muxer.finalize();
-      return new Blob([muxer.target.buffer]);
+      return {
+        blob: new Blob([muxer.target.buffer]),
+        maxTimestamp
+      };
     });
   }
   var createMediaRecorder = (mediaStream, done, mediaRecorderPartner) => {
@@ -7173,6 +7180,7 @@ If you want to allow non-zero first timestamps, set firstTimestampBehavior: 'per
     return mediaRecorder;
   };
   var createRecord = (_mediaStream, fileName, isDownload) => {
+    const startTime = Date.now();
     const tempMediaStreams = _mediaStream.getTracks().map((item) => {
       const mediaStream2 = new MediaStream([item]);
       item.addEventListener("ended", () => {
@@ -7189,14 +7197,30 @@ If you want to allow non-zero first timestamps, set firstTimestampBehavior: 'per
     const szWebM = [];
     function done(e) {
       return __async(this, null, function* () {
+        let maxTimestamp = -1;
         szWebM.push(e.data);
         if (szWebM.length == mediaStreams.length) {
-          recordedChunks.push(yield combinaWebM(...szWebM));
+          const { blob: blobWebM, maxTimestamp: _maxTimestamp } = yield combinaWebM(
+            ...szWebM
+          );
+          recordedChunks.push(blobWebM);
+          if (_maxTimestamp > maxTimestamp) {
+            maxTimestamp = _maxTimestamp;
+          }
           const blob = new Blob(recordedChunks, {
             type: "video/webm"
           });
-          if (yield isDownload(blob)) {
-            file_default.downLoadBlob(blob, fileName, "webm");
+          const downloadFile = (inFileName) => {
+            file_default.downLoadBlob(blob, inFileName ? inFileName : fileName, "webm");
+          };
+          if (isDownload(blob, { duration: maxTimestamp / 1e3, startTime, endTime: startTime + maxTimestamp / 1e3, fileName }, () => {
+            return {
+              download(file2) {
+                downloadFile(file2);
+              }
+            };
+          })) {
+            downloadFile(fileName);
           }
           recordedChunks = [];
         }
@@ -7250,19 +7274,28 @@ If you want to allow non-zero first timestamps, set firstTimestampBehavior: 'per
     try {
       const mediaStream = stream || element.captureStream(25);
       let gOnMediaHolder = void 0;
-      const mediaRecorder = createRecord(mediaStream, fileName, (blob) => __async(void 0, null, function* () {
-        if (gOnMediaHolder) {
-          const holder = gOnMediaHolder;
-          gOnMediaHolder = void 0;
-          let bDownload = true;
-          const cancelAutoDownload = () => {
-            bDownload = false;
-          };
-          yield holder(blob, cancelAutoDownload);
-          return bDownload;
+      const mediaRecorder = createRecord(
+        mediaStream,
+        fileName,
+        (blob, metaInfo, downloadRecordGetter) => {
+          if (gOnMediaHolder) {
+            const holder = gOnMediaHolder;
+            gOnMediaHolder = void 0;
+            let bDownload = true;
+            const cancelAutoDownload = () => {
+              bDownload = false;
+              return downloadRecordGetter();
+            };
+            holder(
+              blob,
+              metaInfo,
+              cancelAutoDownload
+            );
+            return bDownload;
+          }
+          return true;
         }
-        return true;
-      }));
+      );
       logger_default.info("\u5F55\u5236\u5B9E\u4F8B", mediaRecorder);
       return [
         mediaRecorder,
@@ -12594,8 +12627,9 @@ ${event.candidate ? event.candidate.candidate : "(null)"}`
       this.vSpeed = 50;
       this.iPresetPoint = 1;
       this._buttons = [];
+      this._toastInject = {};
       this._speedSlider = new speedSlider_default(this.hSpeed);
-      this._toast = params.toast;
+      this._toastInject.toast = params.toast;
     }
     // 由外界设置设备参数 也可直接通过public字段单独设置
     setPuParam(puOption, token) {
@@ -12607,6 +12641,7 @@ ${event.candidate ? event.candidate.candidate : "(null)"}`
       if (!operate)
         return;
       const sendOperate = (stop) => __async(this, null, function* () {
+        var _a;
         logger_default.debug("sendOperate", operate, this.vSpeed, this.hSpeed, stop);
         if (!this.puOption || !this.token)
           return;
@@ -12624,7 +12659,7 @@ ${event.candidate ? event.candidate.candidate : "(null)"}`
           );
         } catch (e) {
           const errCamera = e;
-          this._toast.error(errCamera.getErrorCodeDesc());
+          (_a = this._toastInject.toast) == null ? void 0 : _a.error(errCamera.getErrorCodeDesc());
         }
       });
       button.addEventListener("start", () => sendOperate(false));
@@ -12912,6 +12947,7 @@ ${event.candidate ? event.candidate.candidate : "(null)"}`
       this._video = new video_default({
         puOptions: options == null ? void 0 : options.puOptions
       });
+      this._puOptions = options == null ? void 0 : options.puOptions;
       this._spinner = new spinner_default({ spin: false });
       this._toast = new toast_default();
       this._mask = new mask_default({ visible: false });
@@ -13187,12 +13223,15 @@ ${event.candidate ? event.candidate.candidate : "(null)"}`
         if ((_a = this._panel) == null ? void 0 : _a.controller.RecordButton) {
           (_b = this._panel) == null ? void 0 : _b.controller.RecordButton.dispatch("click");
         } else {
-          this._video.recordStop((blob, cancelAutoDownload) => {
-            this.dispatch("recordStop", {
+          this._video.recordStop((blob, mataInfo, cancelAutoDownload) => {
+            this.dispatch("recordStop", __spreadProps(__spreadValues({
+              puOptions: this._puOptions
+            }, mataInfo), {
               data: blob,
               cancelAutoDownload
-            });
+            }));
             this._recordState.dispatch("RecordEnd");
+            return false;
           });
         }
       }
@@ -13258,12 +13297,15 @@ ${event.candidate ? event.candidate.candidate : "(null)"}`
         this._recordState.dispatch("RecordStart");
       });
       panel.controller.addEventListener("recordStop", () => {
-        this._video.recordStop((blob, cancelAutoDownload) => {
-          this.dispatch("recordStop", {
+        this._video.recordStop((blob, metaInfo, cancelAutoDownload) => {
+          this.dispatch("recordStop", __spreadProps(__spreadValues({
+            puOptions: this._puOptions
+          }, metaInfo), {
             data: blob,
             cancelAutoDownload
-          });
+          }));
           this._recordState.dispatch("RecordEnd");
+          return false;
         });
       });
       panel.controller.addEventListener("rotate", () => {
@@ -13571,6 +13613,7 @@ ${event.candidate ? event.candidate.candidate : "(null)"}`
     // smooth: 播放平滑度。[1,7]，值越小越实时。
     // algokey: 加解密算法:密钥。格式：算法:base64(密钥)。例如: SM4:MTIzNDU2Nzg=
     constructor() {
+      console.log("================== bvrtc version: 1.0.1 20241028 ==================");
       this.hplayer = 0;
       this.canvas = null;
       this.dialogid = "";
@@ -14499,6 +14542,20 @@ ${event.candidate ? event.candidate.candidate : "(null)"}`
     this.audioCtx.close();
     this.audioCtx = null;
   };
+  var woker_str = `
+class BVAudioProcessor extends AudioWorkletProcessor {
+    process(inputs, outputs, parameters) {
+        const inputdata = inputs[0][0];
+        this.port.postMessage(inputdata);
+        return true;
+    }
+}
+registerProcessor('bv-audio-processor', BVAudioProcessor);
+`;
+  var audioProcessorBolb = new Blob([woker_str], {
+    type: "application/javascript"
+  });
+  var audioProcessorUrl = URL.createObjectURL(audioProcessorBolb);
   function BVPcmRecorder(config, cb) {
     if (!config) {
       config = {
@@ -14510,7 +14567,7 @@ ${event.candidate ? event.candidate.candidate : "(null)"}`
       };
     }
     this.config = config;
-    this.sampleRate = new (window.AudioContext || window.webkitAudioContext)().sampleRate;
+    this.sampleRate = new (window.AudioContext || window.webkitAudioContext)({ sampleRate: this.config.sampleRate }).sampleRate;
     this.fftSize = 512;
     this.analyser = null;
     this.audioInput = null;
@@ -14520,20 +14577,23 @@ ${event.candidate ? event.candidate.candidate : "(null)"}`
     this.audioData = null;
     this.audioSize = 0;
     this.cb = cb;
-    this.init();
     console.log("sampleRate " + this.sampleRate);
   }
   BVPcmRecorder.prototype.start = function() {
-    navigator.mediaDevices.getUserMedia({
-      audio: true
-    }).then((stream) => {
-      this.audioInput = this.context.createMediaStreamSource(stream);
-    }, (error2) => {
-      console.error(error2);
-    }).then(() => {
-      this.audioInput.connect(this.analyser);
-      this.analyser.connect(this.recorder);
-      this.recorder.connect(this.context.destination);
+    return __async(this, null, function* () {
+      yield this.init();
+      navigator.mediaDevices.getUserMedia({
+        audio: true,
+        sampleRate: this.config.sampleRate
+      }).then((stream) => {
+        this.audioInput = this.context.createMediaStreamSource(stream);
+      }, (error2) => {
+        console.error(error2);
+      }).then(() => {
+        this.audioInput.connect(this.analyser);
+        this.analyser.connect(this.recorder);
+        this.recorder.connect(this.context.destination);
+      });
     });
   };
   BVPcmRecorder.prototype.stop = function() {
@@ -14541,23 +14601,21 @@ ${event.candidate ? event.candidate.candidate : "(null)"}`
       this.audioInput.disconnect();
     if (this.recorder)
       this.recorder.disconnect();
+    if (this.context)
+      this.context.close();
   };
   BVPcmRecorder.prototype.init = function() {
-    this.context = new (window.AudioContext || window.webkitAudioContext)();
-    this.analyser = this.context.createAnalyser();
-    this.analyser.fftSize = this.fftSize;
-    const createScript = this.context.createScriptProcessor || this.context.createJavaScriptNode;
-    this.recorder = createScript.apply(
-      this.context,
-      [this.fftSize, this.config.numberChannels, this.config.numberChannels]
-    );
-    this.recorder.onaudioprocess = this.onaudioprocess.bind(this);
-  };
-  BVPcmRecorder.prototype.onaudioprocess = function(e) {
-    if (this.config.numberChannels === 1) {
-      const data = e.inputBuffer.getChannelData(0);
-      this.handlePcm(new Float32Array(data));
-    }
+    return __async(this, null, function* () {
+      this.context = new (window.AudioContext || window.webkitAudioContext)({ sampleRate: this.config.sampleRate });
+      this.analyser = this.context.createAnalyser();
+      this.analyser.fftSize = this.fftSize;
+      yield this.context.audioWorklet.addModule(audioProcessorUrl);
+      this.recorder = new AudioWorkletNode(this.context, "bv-audio-processor");
+      this.recorder.port.onmessage = (e) => {
+        if (e.data)
+          this.handlePcm(e.data);
+      };
+    });
   };
   BVPcmRecorder.prototype.handlePcm = function(bytes) {
     if (bytes[0] === 0 && bytes[1] === 0)

package/dist/main.es.js

@@ -111,7 +111,7 @@ var __async = (__this, __arguments, generator) => {
 var define_processenv_default;
 var init_define_processenv = __esm({
   "<define:processenv>"() {
-    define_processenv_default = { NODE_ENV: "production", SH_LIB_NAME: "@besovideo/webrtc-player", SH_LIB_VERSION: "0.8.94", PROJECT_NAMESPACE: "bvplayer" };
+    define_processenv_default = { NODE_ENV: "production", SH_LIB_NAME: "@besovideo/webrtc-player", SH_LIB_VERSION: "0.8.96", PROJECT_NAMESPACE: "bvplayer" };
   }
 });
 
@@ -7109,6 +7109,7 @@ function combinaWebM(webM1, webM2) {
         description: audioCodecPrivate
       }
     } : void 0;
+    let maxTimestamp = -1;
     handleEle((timestamp, data, bVideo, bKeyFrame) => {
       if (bVideo) {
         muxer.addVideoChunkRaw(data, bKeyFrame ? "key" : "delta", timestamp);
@@ -7117,9 +7118,15 @@ function combinaWebM(webM1, webM2) {
           muxer.addAudioChunkRaw(data, "key", timestamp, config);
         }
       }
+      if (maxTimestamp < timestamp) {
+        maxTimestamp = timestamp;
+      }
     });
     muxer.finalize();
-    return new Blob([muxer.target.buffer]);
+    return {
+      blob: new Blob([muxer.target.buffer]),
+      maxTimestamp
+    };
   });
 }
 var createMediaRecorder = (mediaStream, done, mediaRecorderPartner) => {
@@ -7157,6 +7164,7 @@ var createMediaRecorder = (mediaStream, done, mediaRecorderPartner) => {
   return mediaRecorder;
 };
 var createRecord = (_mediaStream, fileName, isDownload) => {
+  const startTime = Date.now();
   const tempMediaStreams = _mediaStream.getTracks().map((item) => {
     const mediaStream2 = new MediaStream([item]);
     item.addEventListener("ended", () => {
@@ -7173,14 +7181,30 @@ var createRecord = (_mediaStream, fileName, isDownload) => {
   const szWebM = [];
   function done(e) {
     return __async(this, null, function* () {
+      let maxTimestamp = -1;
       szWebM.push(e.data);
       if (szWebM.length == mediaStreams.length) {
-        recordedChunks.push(yield combinaWebM(...szWebM));
+        const { blob: blobWebM, maxTimestamp: _maxTimestamp } = yield combinaWebM(
+          ...szWebM
+        );
+        recordedChunks.push(blobWebM);
+        if (_maxTimestamp > maxTimestamp) {
+          maxTimestamp = _maxTimestamp;
+        }
         const blob = new Blob(recordedChunks, {
           type: "video/webm"
         });
-        if (yield isDownload(blob)) {
-          file_default.downLoadBlob(blob, fileName, "webm");
+        const downloadFile = (inFileName) => {
+          file_default.downLoadBlob(blob, inFileName ? inFileName : fileName, "webm");
+        };
+        if (isDownload(blob, { duration: maxTimestamp / 1e3, startTime, endTime: startTime + maxTimestamp / 1e3, fileName }, () => {
+          return {
+            download(file2) {
+              downloadFile(file2);
+            }
+          };
+        })) {
+          downloadFile(fileName);
         }
         recordedChunks = [];
       }
@@ -7234,19 +7258,28 @@ var record = (element, stream, fileName = `record_${Date.now()}`) => {
   try {
     const mediaStream = stream || element.captureStream(25);
     let gOnMediaHolder = void 0;
-    const mediaRecorder = createRecord(mediaStream, fileName, (blob) => __async(void 0, null, function* () {
-      if (gOnMediaHolder) {
-        const holder = gOnMediaHolder;
-        gOnMediaHolder = void 0;
-        let bDownload = true;
-        const cancelAutoDownload = () => {
-          bDownload = false;
-        };
-        yield holder(blob, cancelAutoDownload);
-        return bDownload;
+    const mediaRecorder = createRecord(
+      mediaStream,
+      fileName,
+      (blob, metaInfo, downloadRecordGetter) => {
+        if (gOnMediaHolder) {
+          const holder = gOnMediaHolder;
+          gOnMediaHolder = void 0;
+          let bDownload = true;
+          const cancelAutoDownload = () => {
+            bDownload = false;
+            return downloadRecordGetter();
+          };
+          holder(
+            blob,
+            metaInfo,
+            cancelAutoDownload
+          );
+          return bDownload;
+        }
+        return true;
       }
-      return true;
-    }));
+    );
     logger_default.info("\u5F55\u5236\u5B9E\u4F8B", mediaRecorder);
     return [
       mediaRecorder,
@@ -12578,8 +12611,9 @@ var PtzPluginBase = class extends Plugin {
     this.vSpeed = 50;
     this.iPresetPoint = 1;
     this._buttons = [];
+    this._toastInject = {};
     this._speedSlider = new speedSlider_default(this.hSpeed);
-    this._toast = params.toast;
+    this._toastInject.toast = params.toast;
   }
   // 由外界设置设备参数 也可直接通过public字段单独设置
   setPuParam(puOption, token) {
@@ -12591,6 +12625,7 @@ var PtzPluginBase = class extends Plugin {
     if (!operate)
       return;
     const sendOperate = (stop) => __async(this, null, function* () {
+      var _a;
       logger_default.debug("sendOperate", operate, this.vSpeed, this.hSpeed, stop);
       if (!this.puOption || !this.token)
         return;
@@ -12608,7 +12643,7 @@ var PtzPluginBase = class extends Plugin {
         );
       } catch (e) {
         const errCamera = e;
-        this._toast.error(errCamera.getErrorCodeDesc());
+        (_a = this._toastInject.toast) == null ? void 0 : _a.error(errCamera.getErrorCodeDesc());
       }
     });
     button.addEventListener("start", () => sendOperate(false));
@@ -12896,6 +12931,7 @@ var PlayerPlugin = class extends Plugin {
     this._video = new video_default({
       puOptions: options == null ? void 0 : options.puOptions
     });
+    this._puOptions = options == null ? void 0 : options.puOptions;
     this._spinner = new spinner_default({ spin: false });
     this._toast = new toast_default();
     this._mask = new mask_default({ visible: false });
@@ -13171,12 +13207,15 @@ var PlayerPlugin = class extends Plugin {
       if ((_a = this._panel) == null ? void 0 : _a.controller.RecordButton) {
         (_b = this._panel) == null ? void 0 : _b.controller.RecordButton.dispatch("click");
       } else {
-        this._video.recordStop((blob, cancelAutoDownload) => {
-          this.dispatch("recordStop", {
+        this._video.recordStop((blob, mataInfo, cancelAutoDownload) => {
+          this.dispatch("recordStop", __spreadProps(__spreadValues({
+            puOptions: this._puOptions
+          }, mataInfo), {
             data: blob,
             cancelAutoDownload
-          });
+          }));
           this._recordState.dispatch("RecordEnd");
+          return false;
         });
       }
     }
@@ -13242,12 +13281,15 @@ var PlayerPlugin = class extends Plugin {
       this._recordState.dispatch("RecordStart");
     });
     panel.controller.addEventListener("recordStop", () => {
-      this._video.recordStop((blob, cancelAutoDownload) => {
-        this.dispatch("recordStop", {
+      this._video.recordStop((blob, metaInfo, cancelAutoDownload) => {
+        this.dispatch("recordStop", __spreadProps(__spreadValues({
+          puOptions: this._puOptions
+        }, metaInfo), {
           data: blob,
           cancelAutoDownload
-        });
+        }));
         this._recordState.dispatch("RecordEnd");
+        return false;
       });
     });
     panel.controller.addEventListener("rotate", () => {
@@ -13555,6 +13597,7 @@ var BVMedia = class {
   // smooth: 播放平滑度。[1,7]，值越小越实时。
   // algokey: 加解密算法:密钥。格式：算法:base64(密钥)。例如: SM4:MTIzNDU2Nzg=
   constructor() {
+    console.log("================== bvrtc version: 1.0.1 20241028 ==================");
     this.hplayer = 0;
     this.canvas = null;
     this.dialogid = "";
@@ -14483,6 +14526,20 @@ BVPCMPlayer.prototype.destroy = function() {
   this.audioCtx.close();
   this.audioCtx = null;
 };
+var woker_str = `
+class BVAudioProcessor extends AudioWorkletProcessor {
+    process(inputs, outputs, parameters) {
+        const inputdata = inputs[0][0];
+        this.port.postMessage(inputdata);
+        return true;
+    }
+}
+registerProcessor('bv-audio-processor', BVAudioProcessor);
+`;
+var audioProcessorBolb = new Blob([woker_str], {
+  type: "application/javascript"
+});
+var audioProcessorUrl = URL.createObjectURL(audioProcessorBolb);
 function BVPcmRecorder(config, cb) {
   if (!config) {
     config = {
@@ -14494,7 +14551,7 @@ function BVPcmRecorder(config, cb) {
     };
   }
   this.config = config;
-  this.sampleRate = new (window.AudioContext || window.webkitAudioContext)().sampleRate;
+  this.sampleRate = new (window.AudioContext || window.webkitAudioContext)({ sampleRate: this.config.sampleRate }).sampleRate;
   this.fftSize = 512;
   this.analyser = null;
   this.audioInput = null;
@@ -14504,20 +14561,23 @@ function BVPcmRecorder(config, cb) {
   this.audioData = null;
   this.audioSize = 0;
   this.cb = cb;
-  this.init();
   console.log("sampleRate " + this.sampleRate);
 }
 BVPcmRecorder.prototype.start = function() {
-  navigator.mediaDevices.getUserMedia({
-    audio: true
-  }).then((stream) => {
-    this.audioInput = this.context.createMediaStreamSource(stream);
-  }, (error2) => {
-    console.error(error2);
-  }).then(() => {
-    this.audioInput.connect(this.analyser);
-    this.analyser.connect(this.recorder);
-    this.recorder.connect(this.context.destination);
+  return __async(this, null, function* () {
+    yield this.init();
+    navigator.mediaDevices.getUserMedia({
+      audio: true,
+      sampleRate: this.config.sampleRate
+    }).then((stream) => {
+      this.audioInput = this.context.createMediaStreamSource(stream);
+    }, (error2) => {
+      console.error(error2);
+    }).then(() => {
+      this.audioInput.connect(this.analyser);
+      this.analyser.connect(this.recorder);
+      this.recorder.connect(this.context.destination);
+    });
   });
 };
 BVPcmRecorder.prototype.stop = function() {
@@ -14525,23 +14585,21 @@ BVPcmRecorder.prototype.stop = function() {
     this.audioInput.disconnect();
   if (this.recorder)
     this.recorder.disconnect();
+  if (this.context)
+    this.context.close();
 };
 BVPcmRecorder.prototype.init = function() {
-  this.context = new (window.AudioContext || window.webkitAudioContext)();
-  this.analyser = this.context.createAnalyser();
-  this.analyser.fftSize = this.fftSize;
-  const createScript = this.context.createScriptProcessor || this.context.createJavaScriptNode;
-  this.recorder = createScript.apply(
-    this.context,
-    [this.fftSize, this.config.numberChannels, this.config.numberChannels]
-  );
-  this.recorder.onaudioprocess = this.onaudioprocess.bind(this);
-};
-BVPcmRecorder.prototype.onaudioprocess = function(e) {
-  if (this.config.numberChannels === 1) {
-    const data = e.inputBuffer.getChannelData(0);
-    this.handlePcm(new Float32Array(data));
-  }
+  return __async(this, null, function* () {
+    this.context = new (window.AudioContext || window.webkitAudioContext)({ sampleRate: this.config.sampleRate });
+    this.analyser = this.context.createAnalyser();
+    this.analyser.fftSize = this.fftSize;
+    yield this.context.audioWorklet.addModule(audioProcessorUrl);
+    this.recorder = new AudioWorkletNode(this.context, "bv-audio-processor");
+    this.recorder.port.onmessage = (e) => {
+      if (e.data)
+        this.handlePcm(e.data);
+    };
+  });
 };
 BVPcmRecorder.prototype.handlePcm = function(bytes) {
   if (bytes[0] === 0 && bytes[1] === 0)

package/dist/types/components/subComponent/playState.d.ts

@@ -1,5 +1,6 @@
 import PlayerPlugin from "../../plugins/player";
 import { IDataHandle } from "src/core/events";
+import { IRecordStopInfo } from "src/plugins/player/event";
 type EnumRotate = "Rotate0" | "Rotate90" | "Rotate180" | "Rotate270";
 export type IPlayerState = ReturnType<typeof CreatePlayerState>;
 export declare function CreatePlayerState(player: PlayerPlugin): {
@@ -8,10 +9,7 @@ export declare function CreatePlayerState(player: PlayerPlugin): {
     information: IDataHandle<boolean>;
     record: IDataHandle<{
         type: "recordStart" | "recordStop";
-        recordInfo?: {
-            data: Blob;
-            cancelAutoDownload: () => void;
-        } | undefined;
+        recordInfo?: IRecordStopInfo | undefined;
     }>;
     rotate: IDataHandle<{
         type: EnumRotate;

package/dist/types/plugins/player/event.d.ts

@@ -1,3 +1,4 @@
+import { IPuOption } from "src/main";
 import { IPluginEvent, IPluginEventMap } from "../../plugins/types";
 import PlayerPlugin, { PLAYER_MODES } from "./index";
 interface IPlayerEvent extends IPluginEvent {
@@ -15,6 +16,17 @@ interface IRotateEvent extends IPlayerEvent {
     name: "rotateEvent";
     rotateDeg: number;
 }
+export interface IRecordStopInfo {
+    data: Blob;
+    startTime: number;
+    endTime: number;
+    duration: number;
+    puOptions: IPuOption;
+    fileName: string;
+    cancelAutoDownload: () => {
+        download(filename?: string): void;
+    };
+}
 export interface IPlayerPluginEventMap extends IPluginEventMap {
     init: IInitEvent;
     closeWebrtc: ICloseWebrtcEvent;
@@ -22,10 +34,7 @@ export interface IPlayerPluginEventMap extends IPluginEventMap {
     close: IPlayerEvent;
     contextmenu: Event;
     recordStart: undefined;
-    recordStop: {
-        data: Blob;
-        cancelAutoDownload: () => void;
-    };
+    recordStop: IRecordStopInfo;
     screenshot: undefined | {
         img: Blob;
         cancelAutoDownload: () => void;

package/dist/types/plugins/player/index.d.ts

@@ -56,6 +56,7 @@ declare class PlayerPlugin extends Plugin<HTMLDivElement, IPlayerPluginEventMap>
     private _videoOption?;
     private _pluginOption?;
     private _playerConfig;
+    private _puOptions?;
     private _video;
     private _spinner;
     private _toast;

package/dist/types/plugins/ptz/index.d.ts

@@ -24,7 +24,7 @@ declare class PtzPluginBase extends Plugin<HTMLDivElement, IControllerPluginEven
     iPresetPoint: number;
     private _speedSlider;
     private _buttons;
-    private _toast;
+    private _toastInject;
     constructor(params: {
         toast: ToastPlugin;
     });

package/dist/types/plugins/video.d.ts

@@ -1,3 +1,4 @@
+import { IOnMediaRecordHandle } from "src/utils/media";
 import { IPluginEvent, IPluginEventMap, Plugin } from "./types";
 import { IPuOption } from "src/main";
 interface IVideoPluginEvent extends IPluginEvent {
@@ -52,7 +53,7 @@ declare class VideoPlugin extends Plugin<HTMLDivElement, IVideoPluginEventMap> {
     } | undefined>;
     private _genFileName;
     recordStart(): void;
-    recordStop(onRecordInfo?: (data: Blob, cancelAutoDownload: () => void) => void): void;
+    recordStop(onRecordInfo?: IOnMediaRecordHandle): void;
     rotate(degStep: number): void;
     beforeDestroy(): void;
 }

package/dist/types/utils/media.d.ts

@@ -1,6 +1,16 @@
 interface IStreamProvider {
     captureStream(frameRate?: number): MediaStream;
 }
+export interface IOnMediaRecordHandle {
+    (blob: Blob, metaInfo: {
+        duration: number;
+        startTime: number;
+        endTime: number;
+        fileName: string;
+    }, cancelAutoDownload: () => {
+        download(fileName?: string): void;
+    }): boolean;
+}
 interface IMediaOption {
     video?: boolean;
     audio?: boolean;
@@ -42,7 +52,7 @@ declare const media: {
         download(): void;
     } | undefined>;
     record: (element: IStreamProvider, stream?: MediaStream | null, fileName?: string) => [(MediaRecorder | undefined)?, (MediaStream | undefined)?, ({
-        setOnMedia(onMedia: (blob: Blob, cancelAutoDownload: () => void) => Promise<void> | void): void;
+        setOnMedia(onMedia: IOnMediaRecordHandle): void;
     } | undefined)?];
     getMediaDir: (option: IMediaOption) => number;
     video2Canvas: (video: HTMLVideoElement, opts: IVideo2CanvasOptions) => ICanvasControl;

package/dist/types/utils/webMCombina.d.ts

@@ -1 +1,2 @@
-export declare const createRecord: (_mediaStream: MediaStream, fileName: string, isDownload: (blob: Blob) => Promise<boolean>) => MediaRecorder;
+import { IOnMediaRecordHandle } from "./media";
+export declare const createRecord: (_mediaStream: MediaStream, fileName: string, isDownload: IOnMediaRecordHandle) => MediaRecorder;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@besovideo/webrtc-player",
-  "version": "0.8.94",
+  "version": "0.8.96",
   "description": "@besovideo/webrtc-player desc",
   "type": "module",
   "types": "./dist/types/main.d.ts",