Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Multi track example could have mixing capabilities #45

Open
matt-development-work opened this issue Dec 2, 2020 · 2 comments
Open

Multi track example could have mixing capabilities #45

matt-development-work opened this issue Dec 2, 2020 · 2 comments

Comments

@matt-development-work
Copy link
Contributor

The Multi track example looks like it has potential for some mixing board features to be added. I'm looking for an example to contribute to, so I would be happy to add some functionality here if it would be helpful.

Some possible additions for the individual tracks:

  1. Volume faders
  2. Solo buttons
  3. Bypass buttons

Screen Shot 2020-12-02 at 3 24 22 PM

The mobile-responsiveness aspect makes it somewhat tricky to fit everything though:

Screen Shot 2020-12-02 at 3 34 06 PM

Perhaps it's best to keep it simple and start with just the volume faders and then add new issues for the additional features once this is complete? I can refer to the Boombox example for how to implement the faders using the same styling, functionality and responsiveness settings.

I think it makes sense to shrink the text and/or play button on page resize so the faders will all fit (mostly needed for the 'Lead Guitar' and 'Bass Guitar' tracks).

@chrisdavidmills
Copy link
Contributor

Nice ideas here @matt-eric. I think I'd prefer that you submit these changes as a new version of the demo alongside the original (call it something like "multi-track-advanced") — that way we are not in danger of obfuscating what this demo is trying to illustrate, and we don't need to update the associated MDN tutorial to explain all the new code ;-)

@matt-development-work
Copy link
Contributor Author

Good plan @chrisdavidmills. I will make this into a new directory and leave the original as is.

@github-actions github-actions bot added the idle Issues and pull requests with no activity for three months. label Dec 28, 2022
@caugner caugner added ex: multi-track and removed idle Issues and pull requests with no activity for three months. labels Oct 16, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants