From f0ca8d5a03e994c9948b055dc5f69dad40d96922 Mon Sep 17 00:00:00 2001
From: luocong2016 <luocong2016@126.com>
Date: Fri, 5 Jan 2024 09:48:04 +0800
Subject: [PATCH] =?UTF-8?q?fix(component->markdown):=20=E6=B5=8F=E8=A7=88?=
 =?UTF-8?q?=E5=99=A8=E5=AA=92=E4=BD=93=E8=8E=B7=E5=8F=96=E5=85=BC=E5=AE=B9?=
 =?UTF-8?q?=20(#3470)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Markdown/src/Markdown.vue |  2 ++
 src/components/Markdown/src/adapter.js   | 24 ++++++++++++++++++++++++
 2 files changed, 26 insertions(+)
 create mode 100644 src/components/Markdown/src/adapter.js

diff --git a/src/components/Markdown/src/Markdown.vue b/src/components/Markdown/src/Markdown.vue
index 38f473a0..27ded10e 100644
--- a/src/components/Markdown/src/Markdown.vue
+++ b/src/components/Markdown/src/Markdown.vue
@@ -2,6 +2,7 @@
   <div ref="wrapRef"></div>
 </template>
 <script lang="ts" setup>
+  import './adapter.js';
   import type { Ref } from 'vue';
   import {
     ref,
@@ -87,6 +88,7 @@
     }
     return lang;
   });
+
   function init() {
     const wrapEl = unref(wrapRef);
     if (!wrapEl) return;
diff --git a/src/components/Markdown/src/adapter.js b/src/components/Markdown/src/adapter.js
new file mode 100644
index 00000000..429801b9
--- /dev/null
+++ b/src/components/Markdown/src/adapter.js
@@ -0,0 +1,24 @@
+// https://developer.mozilla.org/zh-CN/docs/Web/API/MediaDevices/getUserMedia
+// 推荐使用处理了约束的 adapter.js polyfill 来替代。
+
+// 浏览器过老或过新都可能不存在
+if (!navigator.mediaDevices) {
+  navigator.mediaDevices = {};
+
+  // 一些浏览器部分支持 mediaDevices。我们不能直接给对象设置 getUserMedia
+  // 因为这样可能会覆盖已有的属性。这里我们只会在没有 getUserMedia 属性的时候添加它。
+  if (!navigator.mediaDevices.getUserMedia) {
+    navigator.mediaDevices.getUserMedia = function (constraints) {
+      // 首先，如果有 getUserMedia 的话，就获得它
+      const getUserMedia = navigator.webkitGetUserMedia || navigator.mozGetUserMedia;
+      // 一些浏览器根本没实现它 - 那么就返回一个 error 到 promise 的 reject 来保持一个统一的接口
+      if (!getUserMedia) {
+        return Promise.reject(new Error('getUserMedia is not implemented in this browser'));
+      }
+      // 否则，为老的 navigator.getUserMedia 方法包裹一个 Promise
+      return new Promise(function (resolve, reject) {
+        getUserMedia.call(navigator, constraints, resolve, reject);
+      });
+    };
+  }
+}