Comments (8)
I have had a few thoughts about this, the main idea is that you would add a second audio tag for the next track, then switch the ids around and refresh the player reference to the current track. In my mind the hardest part of this was dealing with interruptions / events that happen in the middle of the cross-fade.
I'd love to see a PR for this, good luck with it! feel free to ask me any technicalities on how behaviour should work if you are uncertain.
from stretto.
Dealing with jquery and javascript, tests are ok : I can fade out the current_track and start fade in the fade_track some seconds before the end of the first one.
Now, I need to manage with the audio elements. I will see how and where the player interract with the current_track audio element.
from stretto.
You probably just need to switch the id's around, at least I think.
from stretto.
Yes, of course! I didn't know it was possible (or a good practice). It will be easy this way!
from stretto.
How are you going on this? any commits in yet? :)
from stretto.
I keep all the things in mind but I'ven't so much time for now.
I think I need a function to get the next track to do the fade transition
before skipping to next one..
So I need to rewrite 'nextTrack' function. I stopped on that last time.
from stretto.
Yeah sounds about right regarding rewriting the nextTrack
function. Let me know how you go with it.
from stretto.
Closing as this is an enhancement and has been added to trello.
Trying to keep github issues to just bugs and in-progress development.
Trello card for reference:
https://trello.com/c/Do2otK2L/25-cross-fade-between-songs
from stretto.
Related Issues (20)
- Rewrite third-party http images to https HOT 1
- Change sync button color when syncing is currently not running
- Export HOT 4
- Your connection is not secure HOT 1
- Local Files HOT 6
- Spotify login doesn't appear to work HOT 7
- Feature request: Allow importing from YouTube playlists HOT 8
- Possibilities with cross origin requests enabled HOT 1
- Remote control HOT 2
- Repeat button not working as expected HOT 1
- Small UI bug when no results found online HOT 1
- no sound ??? HOT 14
- Working with out Chrome addon? HOT 1
- Trying to get in touch regarding a security issue HOT 1
- Offline Audio - Responses stored with 403
- Qobuz integration HOT 2
- Cant run with docker in windows
- Errors from media playback cause app-wide react error
- Seeking fails due to service-worker middle layer HOT 1
- Add feature for non-library playlists
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from stretto.