trying with webm file type

chriscarrollsmith · chriscarrollsmith · commit a73f9dcbb1ef · 2023-07-20T19:30:55.000-04:00
diff --git a/pages/record.js b/pages/record.js
@@ -1,5 +1,5 @@
 import styles from '../styles/Record.module.css';
-import { useState, useMemo } from 'react';
+import { useState } from 'react';
 import axios from 'axios'; 
 
 const Record = () => {
@@ -31,11 +31,11 @@ const Record = () => {
         });
 
         newMediaRecorder.addEventListener("stop", () => {
-          const audioBlob = new Blob(audioChunks, { 'type' : 'audio/wav' });
+          const audioBlob = new Blob(audioChunks, { 'type' : 'audio/webm' });
           const audioUrl = URL.createObjectURL(audioBlob);
           const audio = new Audio(audioUrl);
-          const file = new File(audioChunks, "test.wav", {
-            type: "audio/wav",
+          const file = new File(audioChunks, "test.webm", {
+            type: "audio/webm",
           });
           setAudioBlob(file);
           setBlobURL(audioUrl);
@@ -52,7 +52,7 @@ const Record = () => {
   };
 
   async function uploadToGCloud(file, type, unique_id) {
-    const filename = `${type}-${unique_id}.${type === 'audio' ? 'wav' : 'pdf'}`;
+    const filename = `${type}-${unique_id}.${type === 'audio' ? 'webm' : 'pdf'}`;
 
     try {
       const response = await axios.post('/api/gcloudUpload', {
@@ -112,7 +112,7 @@ const Record = () => {
   
     try {
       const formData = new FormData();
-      formData.append("audio", audioBlob, 'demo.wav'); // Set the filename to "demo.wav"
+      formData.append("audio", audioBlob, 'demo.webm'); // Set the filename to "demo.webm"
   
       // 1) Generate unique id
       const unique_id = generateUniqueBigInt();
