Solved EXT-Spotify v2 ?

[bugsounet]

Hi, I think, i will refact EXT-Spotify

What i have planed ?

• I’m able to display canvas from title (if available)
  sample
• i’m able to display lyrics and maybe follow with the song ?

humm yes but what’s visual ?

I think, i will create a new visual on full screen. (and disable all other modules/plugins displayer)
This visual will be available ONLY when EXT-Raspotify/EXT-Librespot is playing with MM² speakers
in other hand… default visual (like actually ?) will be displayed

nothing is coded actually

If you have some idea or picture of what do you want for kind design
Just send me sample

[bugsounet]

Yeah

Good news !

• I’m able to fetch Canvas of the track (small video of the song)
• I’m able to fetch Lyrics of the track

Now let’s working about visual !

[bugsounet]

Right

I do some test:

• I’m able to display canvas video
• I’m able to display lyrics and follow it in bold with song

I think, coding this part in Actual EXT-Spotify plugin is not a good solution
because I have to switch mini display to fullscreen and I will make some conflit

So i decide to use my EXT coding style !
Actual EXT-Spotify is able to fetch all informations from spotify, il will send it to the new plugin EXT-SpotifyCanvasLyrics
I will create new visual in fullscreen with EXT-SpotifyCanvasLyrics and naturally hide EXT-Spotify if needed

Why only on fullscreen ?

• I will display canvas video in loop (like a smartphone)
• I will display Lyrics and i will follow in bold sync to song
• i will add some touchscreen feature ! (Pause, play, next, previous and maybe seek with progress bar)

Notes:

• EXT-SpotifyCanvasLyrics will be available only if EXT-Librespot or EXT-Raspotify installed
• EXT-SpotifyCanvasLyrics will activated only if Spotify playing from MM²
• in other hand… actual EXT-Spotify will display what’s playing

I will try to do a cool plugin

EXT-SpotifyCanvasLyrics need EXT-Spotify, EXT-Librespot or EXT-Raspotify for working !

Let’s Coding

[bugsounet]

begin of desing of EXT-SpotifyCanvasLyrics

• On background: track cover with filters
• On the right : Canvas video loop
• On the bottom : Touch control bar (shuffle, previous, play/pause, next, repeat)
  • Actually only progress bar and counter coded
• On the middle : will be displayed Lyrics
• On the left: will be displayed track info and cover

[bugsounet]

Updated with track info

[bugsounet]

Coded with Lyrics:

[mroyusa]

sweet, when will this be available? Parfais, quand sa sera pret?

[venditti69500]

Vraiment cool je me demande si je ne repasserai pas Spotify premium

[bugsounet]

J’ai encore pas mal de taf dessus…

• Il reste la barre de contrôle avec les icônes a faire
• la partie touch screen
• faire le système de basculement plein écran
• coder EXT-Spotify en consequence

Bref… Pour le moment je code le visuel

[bugsounet]

Niveau délai… Vu que j’ai repris le boulot… J’espère le sortir avant Septembre

[bugsounet]

Maybe this video of this plugins will help to discover my art of coding !

[bugsounet]

now let’s add spotify control button

[bugsounet]

Point of view of the day:

Hey … Don't you worry it will coming soon !

Notes:

• I try to keep the same sample with new adds for compare
• Added Official icon (SVG format)

Now… Let’s coding:

• Callback of the button (for touch screen users !)
• Auto update of the button (play/pause, repeat, shuffle)
• Auto Update of the volume (with icon too !)

I hope you like the design (if not, don’t hesitate to tell me!)

[mroyusa]

Let me know when ready i can test an be guiny pig, been working non stop on MM for 5 days. Learning, making mistakes, starting over. All good now and 13 ext modules installed from gateway. Love that little page. Merci beaucoup pour toute.

[bugsounet]

@mroyusa : sorry, I can’t send testing version actually. I have so many change not pushed (EXT-Spotify, my own library for canvas/lyrics search)

---

Coded:

• Send Callback to EXT-Spotify when control buttons press (Suffle, Previous, Play/Pause, Next, Repeat)
• Auto update of buttons state (play/pause, repeat, shuffle)
• Auto Update of volume icon (Off, Low, Medim, High)
• Touch volume Progress bar (determinate new volume and send callback to EXT-Spotify)
• Touch seek progress bar (determinate seek position and send callback to EXT-Spotify)
• Display the name of the player

Now… what I have to do (Another very hard part)

• display EXT-SpotifyCanvasLyrics plugin only when EXT-Librespot or EXT-Raspotify player is used
• Hide EXT-Spotify when EXT-Librespot or EXT-Raspotify player is used
• Don’t Run EXT-SpotifyCanvasLyrics “code” when EXT-Librespot or EXT-Raspotify player is NOT used
• Don’t Run EXT-Spotify display rules when EXT-Librespot or EXT-Raspotify player is used
• Send ONLY EXT-Spotify result code to EXT-SpotifyCanvasLyrics when EXT-Librespot or EXT-Raspotify player is used

[bugsounet]

So …

All features is now coded !

I have push EXT-Spotify v1.1.0
The last snap of EXT-SpotifyCanvasLyrics for testing

Naturally, I have some part of code to do better
I will see your reports, if you want to test it

Note in EXT-Spotify v1.1.0: useBottomBar feature is deleted

It’s a snap… not a release

[mroyusa]

Downloaded update with no issues, mirror boots, no errors. trying to fix my google assistant and i will let you know.

[mroyusa]

I have no video and no auto popup anymore, but i hear the music when i cast to MM.

[jeff]

J’ai poussé le module et ça fonctionne du tonnerre !
Dans le readme à l’installation il n’y a pas la ligne pour accéder au répertoire magicmirror/module donc comme j’ai copié bêtement j’ai eut une erreur a l’installation mais je m’en suis vite rendu compte
Pour info mon miroir est en mode portrait et ça me prends tout l’écran

[jeff]