-
Notifications
You must be signed in to change notification settings - Fork 4
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
feat: add articles audio player #305
Conversation
# Conflicts: # .env.example # composer.lock
# Conflicts: # app/Models/Article.php # tests/App/Http/Controllers/ArticleControllerTest.php
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I prefer the wavesurfer one as well, looks good.
One remark about the loading state for it: the spinner takes up more height than the actual wave it will show and it shifts the content
resources/icons/audio-play.svg
Outdated
@@ -0,0 +1 @@ | |||
<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.852 6.67c2.724 1.676 4.085 2.514 4.341 3.68.087.398.087.809 0 1.206-.256 1.166-1.617 2.004-4.34 3.68C9.89 17.06 8.41 17.97 7.21 17.62a2.812 2.812 0 0 1-1.095-.611c-.928-.838-.928-2.577-.928-6.055 0-3.478 0-5.217.928-6.054a2.813 2.813 0 0 1 1.095-.612c1.2-.351 2.68.56 5.642 2.383Z" fill="currentColor"/></svg> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
best to remove width and height and only keep the viewBox so it's possible to use different sizes for the image. Same applies to the other one
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
- removed width and height
- set fixed height for the spinner container, so it will have the same height with wave.
… feat/articles-audio-player
… feat/articles-audio-player
Summary
Closes: https://app.clickup.com/t/8678v0juv
This PR implements two audio players:
For testing:
ArticleSeeder
audio_file_url
Try both and pick your side
Checklist