sonora

KO | EN

gitlite — search

#shell #gemini #nodejs #docker #cross-platform #artificial-intelligence #windows #bash #csharp #cloud-native

(★ 9)

No description available.

파일 탐색기

ZIP 다운로드

- - jekyll-gh-pages.yml
  - static.yml
- ms-01-glass-horizon.mp3
- ms-02-midnight-signals.mp3
- ms-03-half-awake.mp3
- ms-04-sodium-lights.mp3
- ms-05-blue-hour.mp3
- ms-06-terminal-dreams.mp3
- ms-07-afterglow.mp3
- ms-08-signal-fade.mp3
- track1.mp3
- track2.mp3
- track3.mp3
- track4.mp3
- track5.mp3
- track6.mp3
- track7.mp3
- track8.mp3
- TRACKS.txt
- fixes.css
- styles.css
- app.js
index.html
README.md

# CDN으로 사용하기

jsDelivr

jsDelivr는 공개 GitHub 리포지토리를 별도 설정 없이 CDN으로 즉시 서빙합니다. 버전과 파일을 고르면 웹페이지에 바로 붙일 수 있는 링크와 예시 코드가 만들어집니다.

버전

파일

링크

예시

명령어 용어집

이 문서에서 사용된 명령어를 모아봤습니다. 낯선 명령어가 있다면 펼쳐서 확인해보세요.

🔍

`python3`

설명 보기 ▼

이 명령은 `python`의 별칭입니다.

tldr python

자세한 내용은 원본 명령을 참고하세요:

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

A dark, editorial music platform: discovery, artists, albums, radio, sessions, stories, library, and a full player with **real audio**.

## Structure

```
sonora/
├── index.html
├── css/
│   ├── styles.css
│   └── fixes.css
├── js/
│   └── app.js
└── README.md
```

## Run

```bash
cd sonora
python3 -m http.server 8080
```

Open **http://localhost:8080**.

> Audio files are bundled locally in `audio/` (short demo clips). Serve over **http://** (not `file://`) so the browser can load them.

## What works

- **Real playback** via `HTMLAudioElement` (16 demo tracks mapped to albums)
- **Scrubbable progress** on mini player + full player (click the bar)
- **Play / pause / next / prev** (prev restarts if >3s into track)
- **Likes, follows, saved playlists, history** → `localStorage` (`sonora-state`)
- Search (⌘/Ctrl+K), queue, ambient mode, sleep timer
- Radio stations start real playback
- Keyboard: Space = play/pause, ←/→ seek in full player, Esc closes overlays

## License

## Track IDs & custom audio

Every track has a stable **id**. Playback looks for:

```
audio/{track-id}.mp3
```

Examples:

| Track | ID | File |
|-------|-----|------|
| Glass Horizon | `ms-01-glass-horizon` | `audio/ms-01-glass-horizon.mp3` |
| Honey & Smoke | `gs-01-honey-smoke` | `audio/gs-01-honey-smoke.mp3` |

Full list: `audio/TRACKS.txt`.

To use your own songs:

1. Open `js/app.js` → `ALBUMS` → each track looks like `{id:'ms-01-glass-horizon', t:'Glass Horizon', d:'4:12'}`
2. Change `id` / `t` / `d` if you want
3. Put the MP3 file at `audio/{id}.mp3` with the **exact same id**

Bundled `audio/track1.mp3` … `track8.mp3` are short demos used as fallback when a file is missing.

## Keyboard shortcuts

| Key | Action |
|-----|--------|
| `Space` or `K` | Play / Pause |
| `←` / `→` | Seek −10s / +10s |
| `Shift + ←` / `→` | Seek −30s / +30s |
| `↑` / `↓` | Volume up / down |
| `M` | Mute / Unmute |
| `N` | Next track |
| `P` | Previous track |
| `L` | Like current track |
| `S` | Shuffle on/off |
| `R` | Repeat off → all → one |
| `F` | Open / close full player |
| `0`–`9` | Jump to 0%…90% of track |
| `?` | Shortcuts guide |
| `⌘/Ctrl + K` | Search |
| `Esc` | Close overlays |

Also supports media keys (play/pause, next, previous) when the browser exposes them.

sonora

오너의 다른 레포

파일 탐색기

# CDN으로 사용하기

명령어 용어집

`python3`

Was this content helpful?

Recent Feedback

sonora

오너의 다른 레포

파일 탐색기

# CDN으로 사용하기

명령어 용어집

python3

Was this content helpful?

Recent Feedback

Download README

`python3`