inl-ui 0.1.30 → 0.1.31

package/dist/components/index.cjs

@@ -12686,7 +12686,6 @@ async function audioToText(file) {
 function _isSlot(s) {
   return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
 }
-let stream;
 const SpeechRecognition = vue.defineComponent({
   emits: ["change", "close"],
   setup(props, {
@@ -12697,40 +12696,42 @@ const SpeechRecognition = vue.defineComponent({
     const text = vue.ref("");
     const boxRef = vue.inject("boxRef");
     const startRecord = () => {
-      if (!stream) return;
-      text.value = "";
-      mediaRecorder = new MediaRecorder(stream);
-      mediaRecorder.start();
-      recording.value = true;
-      mediaRecorder.ondataavailable = e => {
-        const blob = new Blob([e.data], {
-          type: "audio/mp4"
-        });
-        const file = new File([blob], "recordedAudio.m4a", {
-          type: blob.type
-        });
-        audioToText(file).then(str => {
-          text.value = str;
-        }).catch(() => {
-          antDesignVue.message.error("\u8BED\u97F3\u8F6C\u6587\u5B57\u5931\u8D25");
-        });
-      };
-      mediaRecorder.onstop = () => recording.value = false;
-    };
-    vue.onMounted(() => {
-      if (!stream) {
-        navigator.mediaDevices.getUserMedia({
-          audio: true
-        }).then(s => {
-          stream = s;
-          startRecord();
-        }).catch(() => {
-          antDesignVue.message.warn("\u8BF7\u5F00\u542F\u5F55\u97F3\u6743\u9650");
-        });
-      } else {
-        startRecord();
+      if (!navigator.mediaDevices) {
+        antDesignVue.message.error("\u4E0D\u652F\u6301mediaDevices");
+        return;
       }
-    });
+      navigator.mediaDevices.getUserMedia({
+        audio: true
+      }).then(stream => {
+        if (!MediaRecorder) {
+          antDesignVue.message.error("\u4E0D\u652F\u6301MediaRecorder");
+        }
+        text.value = "";
+        mediaRecorder = new MediaRecorder(stream);
+        mediaRecorder.start();
+        recording.value = true;
+        mediaRecorder.ondataavailable = e => {
+          const blob = new Blob([e.data], {
+            type: "audio/mp4"
+          });
+          const file = new File([blob], "recordedAudio.m4a", {
+            type: blob.type
+          });
+          audioToText(file).then(str => {
+            text.value = str;
+          }).catch(() => {
+            antDesignVue.message.error("\u8BED\u97F3\u8F6C\u6587\u5B57\u5931\u8D25");
+          });
+        };
+        mediaRecorder.onstop = () => {
+          recording.value = false;
+          stream.getTracks().forEach(track => track.stop());
+        };
+      }).catch(e => {
+        antDesignVue.message.warn("\u8BF7\u5F00\u542F\u5F55\u97F3\u6743\u9650");
+      });
+    };
+    vue.onMounted(startRecord);
     const handleStop = () => {
       if (mediaRecorder) {
         mediaRecorder.stop();

package/dist/components/index.js

@@ -12675,7 +12675,6 @@ async function audioToText(file) {
 function _isSlot(s) {
   return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !isVNode(s);
 }
-let stream;
 const SpeechRecognition = defineComponent({
   emits: ["change", "close"],
   setup(props, {
@@ -12686,40 +12685,42 @@ const SpeechRecognition = defineComponent({
     const text = ref("");
     const boxRef = inject("boxRef");
     const startRecord = () => {
-      if (!stream) return;
-      text.value = "";
-      mediaRecorder = new MediaRecorder(stream);
-      mediaRecorder.start();
-      recording.value = true;
-      mediaRecorder.ondataavailable = e => {
-        const blob = new Blob([e.data], {
-          type: "audio/mp4"
-        });
-        const file = new File([blob], "recordedAudio.m4a", {
-          type: blob.type
-        });
-        audioToText(file).then(str => {
-          text.value = str;
-        }).catch(() => {
-          message.error("\u8BED\u97F3\u8F6C\u6587\u5B57\u5931\u8D25");
-        });
-      };
-      mediaRecorder.onstop = () => recording.value = false;
-    };
-    onMounted(() => {
-      if (!stream) {
-        navigator.mediaDevices.getUserMedia({
-          audio: true
-        }).then(s => {
-          stream = s;
-          startRecord();
-        }).catch(() => {
-          message.warn("\u8BF7\u5F00\u542F\u5F55\u97F3\u6743\u9650");
-        });
-      } else {
-        startRecord();
+      if (!navigator.mediaDevices) {
+        message.error("\u4E0D\u652F\u6301mediaDevices");
+        return;
       }
-    });
+      navigator.mediaDevices.getUserMedia({
+        audio: true
+      }).then(stream => {
+        if (!MediaRecorder) {
+          message.error("\u4E0D\u652F\u6301MediaRecorder");
+        }
+        text.value = "";
+        mediaRecorder = new MediaRecorder(stream);
+        mediaRecorder.start();
+        recording.value = true;
+        mediaRecorder.ondataavailable = e => {
+          const blob = new Blob([e.data], {
+            type: "audio/mp4"
+          });
+          const file = new File([blob], "recordedAudio.m4a", {
+            type: blob.type
+          });
+          audioToText(file).then(str => {
+            text.value = str;
+          }).catch(() => {
+            message.error("\u8BED\u97F3\u8F6C\u6587\u5B57\u5931\u8D25");
+          });
+        };
+        mediaRecorder.onstop = () => {
+          recording.value = false;
+          stream.getTracks().forEach(track => track.stop());
+        };
+      }).catch(e => {
+        message.warn("\u8BF7\u5F00\u542F\u5F55\u97F3\u6743\u9650");
+      });
+    };
+    onMounted(startRecord);
     const handleStop = () => {
       if (mediaRecorder) {
         mediaRecorder.stop();

package/dist/index.cjs

@@ -45,7 +45,7 @@ var ___default = /*#__PURE__*/_interopDefaultLegacy(_);
 var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
 var EZUIKit__default = /*#__PURE__*/_interopDefaultLegacy(EZUIKit);
 
-var version = "0.1.29";
+var version = "0.1.30";
 
 const setTheme = theme => {
   if (theme === "dark") {
@@ -13689,7 +13689,6 @@ async function audioToText(file) {
 function _isSlot(s) {
   return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
 }
-let stream;
 const SpeechRecognition = vue.defineComponent({
   emits: ["change", "close"],
   setup(props, {
@@ -13700,40 +13699,42 @@ const SpeechRecognition = vue.defineComponent({
     const text = vue.ref("");
     const boxRef = vue.inject("boxRef");
     const startRecord = () => {
-      if (!stream) return;
-      text.value = "";
-      mediaRecorder = new MediaRecorder(stream);
-      mediaRecorder.start();
-      recording.value = true;
-      mediaRecorder.ondataavailable = e => {
-        const blob = new Blob([e.data], {
-          type: "audio/mp4"
-        });
-        const file = new File([blob], "recordedAudio.m4a", {
-          type: blob.type
-        });
-        audioToText(file).then(str => {
-          text.value = str;
-        }).catch(() => {
-          antDesignVue.message.error("\u8BED\u97F3\u8F6C\u6587\u5B57\u5931\u8D25");
-        });
-      };
-      mediaRecorder.onstop = () => recording.value = false;
-    };
-    vue.onMounted(() => {
-      if (!stream) {
-        navigator.mediaDevices.getUserMedia({
-          audio: true
-        }).then(s => {
-          stream = s;
-          startRecord();
-        }).catch(() => {
-          antDesignVue.message.warn("\u8BF7\u5F00\u542F\u5F55\u97F3\u6743\u9650");
-        });
-      } else {
-        startRecord();
+      if (!navigator.mediaDevices) {
+        antDesignVue.message.error("\u4E0D\u652F\u6301mediaDevices");
+        return;
       }
-    });
+      navigator.mediaDevices.getUserMedia({
+        audio: true
+      }).then(stream => {
+        if (!MediaRecorder) {
+          antDesignVue.message.error("\u4E0D\u652F\u6301MediaRecorder");
+        }
+        text.value = "";
+        mediaRecorder = new MediaRecorder(stream);
+        mediaRecorder.start();
+        recording.value = true;
+        mediaRecorder.ondataavailable = e => {
+          const blob = new Blob([e.data], {
+            type: "audio/mp4"
+          });
+          const file = new File([blob], "recordedAudio.m4a", {
+            type: blob.type
+          });
+          audioToText(file).then(str => {
+            text.value = str;
+          }).catch(() => {
+            antDesignVue.message.error("\u8BED\u97F3\u8F6C\u6587\u5B57\u5931\u8D25");
+          });
+        };
+        mediaRecorder.onstop = () => {
+          recording.value = false;
+          stream.getTracks().forEach(track => track.stop());
+        };
+      }).catch(e => {
+        antDesignVue.message.warn("\u8BF7\u5F00\u542F\u5F55\u97F3\u6743\u9650");
+      });
+    };
+    vue.onMounted(startRecord);
     const handleStop = () => {
       if (mediaRecorder) {
         mediaRecorder.stop();

package/dist/index.d.ts

@@ -11,7 +11,7 @@ import { Key } from 'ant-design-vue/lib/table/interface';
 import * as vue_jsx_runtime from 'vue/jsx-runtime';
 import * as _ant_design_icons_vue_lib_components_IconFont from '@ant-design/icons-vue/lib/components/IconFont';
 
-var version = "0.1.29";
+var version = "0.1.30";
 
 declare const _default$p: {
     set(theme: string): void;

package/dist/index.js

@@ -14,7 +14,7 @@ import { XPopup, CommentBlock, setAxiosOption } from '@sszj-temp/mobile';
 import { marked } from 'marked';
 import '@sszj-temp/mobile/style.css';
 
-var version = "0.1.29";
+var version = "0.1.30";
 
 const setTheme = theme => {
   if (theme === "dark") {
@@ -13658,7 +13658,6 @@ async function audioToText(file) {
 function _isSlot(s) {
   return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !isVNode(s);
 }
-let stream;
 const SpeechRecognition = defineComponent({
   emits: ["change", "close"],
   setup(props, {
@@ -13669,40 +13668,42 @@ const SpeechRecognition = defineComponent({
     const text = ref("");
     const boxRef = inject("boxRef");
     const startRecord = () => {
-      if (!stream) return;
-      text.value = "";
-      mediaRecorder = new MediaRecorder(stream);
-      mediaRecorder.start();
-      recording.value = true;
-      mediaRecorder.ondataavailable = e => {
-        const blob = new Blob([e.data], {
-          type: "audio/mp4"
-        });
-        const file = new File([blob], "recordedAudio.m4a", {
-          type: blob.type
-        });
-        audioToText(file).then(str => {
-          text.value = str;
-        }).catch(() => {
-          message.error("\u8BED\u97F3\u8F6C\u6587\u5B57\u5931\u8D25");
-        });
-      };
-      mediaRecorder.onstop = () => recording.value = false;
-    };
-    onMounted(() => {
-      if (!stream) {
-        navigator.mediaDevices.getUserMedia({
-          audio: true
-        }).then(s => {
-          stream = s;
-          startRecord();
-        }).catch(() => {
-          message.warn("\u8BF7\u5F00\u542F\u5F55\u97F3\u6743\u9650");
-        });
-      } else {
-        startRecord();
+      if (!navigator.mediaDevices) {
+        message.error("\u4E0D\u652F\u6301mediaDevices");
+        return;
       }
-    });
+      navigator.mediaDevices.getUserMedia({
+        audio: true
+      }).then(stream => {
+        if (!MediaRecorder) {
+          message.error("\u4E0D\u652F\u6301MediaRecorder");
+        }
+        text.value = "";
+        mediaRecorder = new MediaRecorder(stream);
+        mediaRecorder.start();
+        recording.value = true;
+        mediaRecorder.ondataavailable = e => {
+          const blob = new Blob([e.data], {
+            type: "audio/mp4"
+          });
+          const file = new File([blob], "recordedAudio.m4a", {
+            type: blob.type
+          });
+          audioToText(file).then(str => {
+            text.value = str;
+          }).catch(() => {
+            message.error("\u8BED\u97F3\u8F6C\u6587\u5B57\u5931\u8D25");
+          });
+        };
+        mediaRecorder.onstop = () => {
+          recording.value = false;
+          stream.getTracks().forEach(track => track.stop());
+        };
+      }).catch(e => {
+        message.warn("\u8BF7\u5F00\u542F\u5F55\u97F3\u6743\u9650");
+      });
+    };
+    onMounted(startRecord);
     const handleStop = () => {
       if (mediaRecorder) {
         mediaRecorder.stop();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "inl-ui",
-  "version": "0.1.30",
+  "version": "0.1.31",
   "description": "工业 pc ui库",
   "main": "dist/index.cjs",
   "module": "dist/index.js",