👁️‍🗨️ Visualisation setup

warning

This parts does not explain module bundling with Electron. It provides a basic setup to work with Front and Audio services.

Setup

# Navigate to source root directory
cd sound-scape-explorer

# Install audio service
pnpm install:audio

# Install front service
pnpm install:front

# ---
# In 2 distinct terminals
# ---

# one for the front service localhost:5530
pnpm front

# the other for audio service localhost:5531
# examples for different systems below

# unix
pnpm audio $(which ffmpeg) $(which ffprobe) /path/to/audio/folder

# windows
pnpm audio C:\path\to\ffmpeg.exe C:\path\to\ffprobe.exe C:\path\to\audio\folder

# windows example for ffmpeg installed through choco
pnpm audio C:\ProgramData\chocolatey\lib\ffmpeg\tools\ffmpeg\bin\ffmpeg.exe C:\ProgramData\chocolatey\lib\ffmpeg\tools\ffmpeg\bin\ffprobe.exe C:\path\to\audio

# front service is available at localhost:5530
# audio service is available at localhost:5531

Front file structure

sound-scape-explorer/front/
├── public/ --> Static files
├── src/
│   ├── common/
│   ├── components/
│   ├── hooks/
│   ├── pages/
│   ├── storage/
│   ├── utils/
│   ├── workers/
│   ├── App.vue --> Entry component
│   └── main.ts --> Entry point
└── package.json