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

In the admin, only render the WebAmp player if the preview state is toggled #23

Merged
merged 3 commits into from
Nov 18, 2021

Conversation

dkotter
Copy link
Collaborator

@dkotter dkotter commented Nov 18, 2021

Description of the Change

Current approach is to render the WebAmp player as soon as at least one audio file has been added. This approach is fine but the player is causing some performance and styling issues. This PR adds a new preview toggle and we only render the player when in that preview state.

Couple things to note:

  1. Player still renders slightly above the container. Would be nice to fix is possible
  2. Player still sticks in place as you scroll, which covers up other blocks. You can now toggle the preview off which allows you to still use the page but would be nice to fix
  3. Sometimes the player takes a few seconds to render in (especially with a custom skin). Would be nice to have some sort of loading state so a user knows something is happening

Designs

Screen Shot 2021-11-18 at 10 53 22 AM

Screen Shot 2021-11-18 at 10 57 54 AM

Alternate Designs

Stick to rendering the player anytime we have at least one audio file; or some other render approach

Benefits

Performance isn't impacted as much and you can toggle off of the preview so the rest of the page is still usable

Possible Drawbacks

Not as UX friendly

Applicable Issues

#9

@dkotter dkotter self-assigned this Nov 18, 2021
Copy link
Contributor

@dinhtungdu dinhtungdu left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM 👍🏽

@jeffpaul jeffpaul added this to the 1.0.0 milestone Nov 18, 2021
@jeffpaul jeffpaul linked an issue Nov 18, 2021 that may be closed by this pull request
@jeffpaul jeffpaul merged commit 9ce3b80 into develop Nov 18, 2021
@jeffpaul jeffpaul deleted the fix/player-preview branch November 18, 2021 18:25
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

When should the Webamp player load?
3 participants