Osciloscope integrated but video exported is broken

2025-12-20 15:50:04 +01:00
parent 26584ea848
commit e227743728
4 changed files with 56 additions and 30 deletions
@@ -0,0 +1,26 @@
+import { motion } from 'framer-motion';
+import { Oscilloscope } from '@/components/Oscilloscope';
+
+const OscilloscopePage = () => {
+  return (
+    <motion.div
+      initial={{ opacity: 0 }}
+      animate={{ opacity: 1 }}
+      transition={{ duration: 0.5 }}
+      className="space-y-6"
+    >
+      <div className="text-center space-y-2">
+        <h1 className="font-minecraft text-3xl md:text-4xl text-primary text-glow-strong">
+          Audio Oscilloscope
+        </h1>
+        <p className="font-pixel text-foreground/80">
+          Visualize audio waveforms in real-time with microphone input or audio files.
+        </p>
+      </div>
+      
+      <Oscilloscope />
+    </motion.div>
+  );
+};
+
+export default OscilloscopePage;