From 18f343a770c1a9aab94404be7e07a698f3e06d82 Mon Sep 17 00:00:00 2001
From: Nova <69091361+qzxtu@users.noreply.github.com>
Date: Sat, 13 Apr 2024 10:03:35 -0500
Subject: [PATCH] Dynamic Media Format Support

---
 index.html | 26 ++++++++++++++++++--------
 1 file changed, 18 insertions(+), 8 deletions(-)

diff --git a/index.html b/index.html
index 3bad355..c981ec9 100644
--- a/index.html
+++ b/index.html
@@ -50,13 +50,6 @@ <h1>PixelCorder</h1>
          <div class="form-group">
             <label for="format">Select Format:</label>
             <select id="format">
-               <option value="video/webm;codecs=vp8,opus">WebM</option>
-               <option value="video/mp4;codecs=h264,aac">MP4</option>
-               <option value="video/ogg;codecs=theora,vorbis">Ogg</option>
-               <option value="video/mkv;codecs=h264,aac">MKV</option>
-               <option value="video/avi;codecs=msmpeg4v2">AVI</option>
-               <option value="video/flv;codecs=h264,aac">FLV</option>
-               <option value="video/mov;codecs=h264,aac">MOV</option>
             </select>
          </div>
          <div class="form-group">
@@ -94,5 +87,22 @@ <h1>PixelCorder</h1>
              window.location.href = "404.html";
          }
       </script>
+      <script>
+         window.onload = function() {
+            let formatosSoportados = ['video/webm;codecs=vp8,opus', 'video/mp4;codecs=h264,aac', 'video/ogg;codecs=theora,vorbis', 'video/mkv;codecs=h264,aac', 'video/avi;codecs=msmpeg4v2', 'video/flv;codecs=h264,aac', 'video/mov;codecs=h264,aac'];
+            let formatSelect = document.getElementById('format');
+            
+            formatSelect.innerHTML = '';
+
+            formatosSoportados.forEach(function(formato) {
+               if (MediaRecorder.isTypeSupported(formato)) {
+                  let option = document.createElement('option');
+                  option.value = formato;
+                  option.text = formato.split(';')[0].toUpperCase();
+                  formatSelect.appendChild(option);
+               }
+            });
+         };
+      </script>
    </body>
-</html>
\ No newline at end of file
+</html>