empathicqubit/web-audio-stream-sync
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
Synchronizes multiple OGG tracks across multiple browsers.
20 commits 1 branch 0 tags 506 KiB
JavaScript 85.2%
CSS 9%
HTML 5.2%
Dockerfile 0.6%
Find a file
empathicqubit 22d736365b Further clarify instructions.
2018-05-29 00:36:04 -04:00
doc README update. 2018-05-27 19:59:51 -04:00
frontend Added automatic password generation on first run. 2018-05-29 00:30:22 -04:00
.dockerignore Added Dockerfile. Renamed some of the sample files. 2018-05-21 19:48:18 -04:00
.env.sample Added automatic password generation on first run. 2018-05-29 00:30:22 -04:00
.gitignore Added Dockerfile. Renamed some of the sample files. 2018-05-21 19:48:18 -04:00
config.js Added automatic password generation on first run. 2018-05-29 00:30:22 -04:00
docker-compose-debug.yml Added Dockerfile. Renamed some of the sample files. 2018-05-21 19:48:18 -04:00
Dockerfile Added Dockerfile. Renamed some of the sample files. 2018-05-21 19:48:18 -04:00
index.js Moved Knob into project. Replace mediainfo. Unmount client 2018-05-27 17:45:42 -04:00
latency.js Initial commit. 2018-05-21 17:59:28 -04:00
nodemon.json Initial commit. 2018-05-21 17:59:28 -04:00
package.json Added automatic password generation on first run. 2018-05-29 00:30:22 -04:00
README.md Further clarify instructions. 2018-05-29 00:36:04 -04:00
words.txt Initial commit. 2018-05-21 17:59:28 -04:00
ws.js Added automatic password generation on first run. 2018-05-29 00:30:22 -04:00
yarn.lock Added automatic password generation on first run. 2018-05-29 00:30:22 -04:00

README.md

web-audio-stream-sync

Takes multiple OGG files, and allows remotely playing them with different pan and gain settings on different clients.

Prerequisites

  • node v10.0.0
  • yarn 1.6.0
  • npm 5.6.0
  • Chrome 66

You may be able to use newer or older versions of these components, but this is not guaranteed to work.

Running

  1. Create a folder at /frontend/public/audio and save your OGG audio files there. They should all be the same length.
  2. Copy the file /.env.sample to /.env. Change the AUDIO_FILES_ARRAY to include your files.
  3. Run the following commands:
yarn install
yarn run start
  1. Navigate to http://localhost:3000 with Chrome. The app should be running.
  2. Open as many clients as you want, on as many computers as you want, then open the admin page in a new Chrome tab.
  3. Paste the admin password (Look at the console where you did yarn run start for a line that looks like ADMIN PASSWORD: xxx) into the box, and click submit.

An interface will appear, allowing you to control the sources playing on each client individually. If you name the clients using the client name box, the client's settings will be saved to storage.json using that name, and will be recalled any time you enter that name, even if you restart the server.

The original intent of this application was to play every track of Bohemian Rhapsody on a separate speaker. If you want to try doing that, you might want to look at https://queenpoland.wordpress.com/download/queen-multitracks/ . You will need to split MOGGs into OGGs with a tool like Audacity. If you use Audacity, the option is in the menu under File > Export > Export Multiple...