I am trying to develop a simple music web browser based application using
- Lumen framework (5.1)
- AmplitudeJS library for playback - https://521dimensions.com/open-source/amplitudejs (i'm open to switch to another library, if it helps)
On a high level, this is what i did
- Created a simple master blade and extended it in all view files.
- I have setup the AmplitudeJS library to do playback. All works fine there.
- but I want to make the player persistent i.e while navigating to other links in website the song must keep playing
I've considered, tried but can't use (for reasons that are irrelevant to this discussion)
- loading the playback in a browser popup
- flash player
- or using something like history.js (history APIs) to retain state of the previous page
- iframes - loading player in a dedicated iframe, content in another frame etc
- Rewriting my code to use ajax, in a way that no REAL navigation happens, the content is always switched in the same page.. make it like a single page application.. (SEO problems.. If i can't find a better solution, this is what i would go with) (Is there is a way the Ajax can be used without compromising the SEO? should probably be a separate question)
I have also looked at the following, but couldn't figure out a definitive solution
- http://laravel-tricks.com/tricks/render-view-without-layout
- Laravel: how to render only one section of a template?
- Audio Player: Constant playing
- How to keep audio playing while navigating through pages?
- Keeping audio player persistently/continuously playing while navigating HTML pages
- Keeping audio player persistently/continuously playing while navigating HTML pages
- Multiple Jplayer audio players from Laravel DB
let me know if i can provide any more info
Thanks in advance!