- You can define 3-colors linear gradient including stop and degrees, using the third button
Colors Palette of python script
lyrics_data.py.
The slide colors background is composed now according to the syntax
linear-gradient(${degrees}deg, ${color3} 0%, ${color2} ${stop}%, ${color1} 100%);
- The Images.html dock page was added, for the Images selection via thumbnail gallery.
- Client-side Data Synchronization
For the data synchronization between the html pages two mechanisms are used:
The BroadcastChannel object which is a JavaScript API that allows pages communication within the same browser and domain.
The localStorage object which allows to store strings as key-value pairs that can be accessed on all pages of a domain, persisting even when the browser is closed.
BroadcastChannel messages:
crossFontsize: on font size change event
crossImage: on image change event
crossSong: on song title change event
crossSlide: on song slide change event
crossAnimation: on animation change event
crossColors: on colors theme change event
crossHistory: on hymn button click (crossPlaylist)
localStorage Keys:
Songanimation: stores current animation style
Songcolors: stores current colors theme
Songfontsize: stores the current font size
Songimage: stores the current background image
Songcrud: stores playlist information (Songplaylist)
