Thu Sep 21 11:28:01 CST 2023 inscode

f824e655 · zklth · 7a093d7e · f824e655 · f824e655
隐藏空白更改
内联并排

Showing with 45 addition and 1 deletion

.inscode .inscode +4 -0

index.html index.html +41 -1

未找到文件。
--- a/.inscode
+++ b/.inscode
 run = "npm i && npm run dev"
+language = "node"
 [deployment]
 build = "npm i && npm run build"
@@ -8,3 +9,6 @@ run = "npm run preview"
 PATH = "/root/${PROJECT_DIR}/.config/npm/node_global/bin:/root/${PROJECT_DIR}/node_modules/.bin:${PATH}"
 XDG_CONFIG_HOME = "/root/.config"
 npm_config_prefix = "/root/${PROJECT_DIR}/.config/npm/node_global"
+[debugger]
+program = "main.js"
--- a/index.html
+++ b/index.html
@@ -9,5 +9,45 @@
  <body>
    <div id="app"></div>
    <script type="module" src="/src/main.js"></script>
+<button id="recordButton">开始录音</button>
+<audio id="recordingsList" controls></audio>
+<script>
+  const recordButton = document.getElementById('recordButton');
+  const recordingsList = document.getElementById('recordingsList');
+  let chunks = [];
+  recordButton.addEventListener('click', () => {
+    navigator.mediaDevices.getUserMedia({ audio: true })
+      .then(stream => {
+        const mediaRecorder = new MediaRecorder(stream);
+        mediaRecorder.start();
+        mediaRecorder.addEventListener('dataavailable', event => {
+          chunks.push(event.data);
+        });
+        mediaRecorder.addEventListener('stop', () => {
+          const blob = new Blob(chunks);
+          chunks = [];
+          const audioURL = URL.createObjectURL(blob);
+          recordingsList.src = audioURL;
+        });
+        setTimeout(() => {
+          mediaRecorder.stop();
+        }, 5000);
+      });
+  });
+</script>
  </body>
-</html>
+  </html>