- Vue 51.2%
- TypeScript 40.7%
- JavaScript 7.7%
- Shell 0.4%
| dev/docker | ||
| src | ||
| .editorconfig | ||
| .gitignore | ||
| .npmrc | ||
| .prettierignore | ||
| .prettierrc.json | ||
| .renovaterc.json | ||
| convert-ogg-packet.sh | ||
| docker-compose.yml | ||
| eslint.config.js | ||
| LICENSE | ||
| package.json | ||
| pnpm-lock.yaml | ||
| pnpm-workspace.yaml | ||
| README.md | ||
| tsconfig.json | ||
| vite.config.ts | ||
An Audio Player for your OpenCloud instance!
General
It curently supports .ogg, .logg (ogg with loop points) and .brstm file playback. Even loop points are extracted from all formats and applied during playback! How cool is that! :0 Additionally multi-channel (multi-track) audio files can be played and tracks can be toggled or their individual volume changed in real time.
The web player implements a little hack to be able to use the OS media integration (pausing, forwarding etc.).
Installing
Simply download the latest .tar.gz file from the Releases and extract it into the Apps directory of your open cloud configuration.
USF Support
The USF Player uses Web-Assembly which is not natively allowed by the open cloud. You will have to find a way to modify the Content-Security-Policy header when reverse-proxying. Otherwise playing USF files will result on an infinite loading screen.
Building
- Clone this git repository, install a package manager like pnpm and
cdinto the directory with a terminal. - Then run
pnpm installto install external packages into the project files. - Next run
pnpm buildto transcribe the typescript into javascript. - Rename the
distfolder, containing themanifest.jsonand all the assets, toadvanced-audio-web-player. - You can now copy the
advanced-audio-web-playerfolder to your cloud application folder. - Done!
Debugging / Developing
Follow open-clouds' official guide on running the web-skeleton template.
Credits
This project uses the Timer.ts and BRSTM package from Nikku's BRSTM Player.