BPM Finder

import React, { useState, useEffect } from 'react';
import Essentia from 'essentia.js/dist/essentia.js-core.es.js';
import { EssentiaWASM } from 'essentia.js/dist/essentia-wasm.es.js';
 
let essentia = null;
 
function App() {
  const [bpm, setBpm] = useState(null);
  const [loading, setLoading] = useState(false);
  const [essentiaReady, setEssentiaReady] = useState(false);
 
  useEffect(() => {
    const initEssentia = async () => {
      try {
        if (typeof EssentiaWASM === 'undefined') {
          setTimeout(initEssentia, 500);
          return;
        }
        essentia = new Essentia(EssentiaWASM);
        setEssentiaReady(true);
      } catch (e) {
        console.error("Essentia başlatma hatası:", e);
      }
    };
    initEssentia();
  }, []);
 
  const analyzeAudio = async (audioBuffer) => {
    if (!essentia || !essentiaReady) return;
    setLoading(true);
 
    const channelData = audioBuffer.getChannelData(0);
    const audioVector = essentia.arrayToVector(channelData);
    
    // RhythmExtractors algoritması ile tempo ve vuruş analizi
    const rhythm = essentia.RhythmExtractor2013(audioVector);
    setBpm(Math.round(rhythm.bpm));
    setLoading(false);
  };
}