Merge pull request #81 from JSKitty/master

Stable AudioPlayer + Transcription system

Author: JSKitty

src-tauri/tauri.conf.json

@@ -19,7 +19,7 @@
       }
     ],
     "security": {
-      "csp": "default-src 'self' ipc: http://ipc.localhost; img-src 'self' https: asset: http://asset.localhost; media-src 'self' https: asset: http://asset.localhost; style-src 'self' 'unsafe-inline'",
+      "csp": "default-src 'self' ipc: http://ipc.localhost; img-src 'self' https: asset: http://asset.localhost; media-src 'self' https: asset: http://asset.localhost; style-src 'self' 'unsafe-inline'; connect-src 'self' asset: http://asset.localhost",
       "assetProtocol": {
         "enable": true,
         "scope": ["$DOWNLOAD/vector/*", "$DOCUMENT/vector/*"]

src/js/voice.js

@@ -338,6 +338,7 @@ function handleAudioAttachment(cAttachment, assetUrl, pMessage, msg) {
 
     // Create hidden audio element for playback control
     const audPreview = document.createElement('audio');
+    audPreview.crossOrigin = 'anonymous';
     audPreview.preload = 'metadata';
     audPreview.src = assetUrl;
     audPreview.style.display = 'none';
@@ -390,7 +391,7 @@ function handleAudioAttachment(cAttachment, assetUrl, pMessage, msg) {
     function initAudioAnalyser() {
         if (audioContext) return;
 
-        audioContext = new (window.AudioContext || window.webkitAudioContext)();
+        audioContext = new AudioContext();
         analyser = audioContext.createAnalyser();
         analyser.fftSize = 256; // Increased for better frequency resolution
         analyser.smoothingTimeConstant = 0.85; // Slightly more smoothing for visual appeal
@@ -495,7 +496,6 @@ function handleAudioAttachment(cAttachment, assetUrl, pMessage, msg) {
     customPlayer.appendChild(playBtn);
     customPlayer.appendChild(waveform);
     customPlayer.appendChild(timeDisplay);
-    customPlayer.appendChild(transcribeBtn);
 
     audioContainer.appendChild(audPreview);
     audioContainer.appendChild(customPlayer);
@@ -664,6 +664,9 @@ function handleAudioAttachment(cAttachment, assetUrl, pMessage, msg) {
 
     // Only add transcription UI for supported formats
     if (['wav', 'mp3', 'flac'].includes(cAttachment.extension)) {
+        // Display the Transcribe button
+        customPlayer.appendChild(transcribeBtn);
+        
         // Add transcribe button container
         const transcribeContainer = document.createElement('div');
         transcribeContainer.classList.add('transcribe-container');