Skip to main content
Version: 13.7.0

👁️‍🗨️ 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