···

       
3
       
3
       
 
       


     

       
4
       
4
       
 
       
## Requirements

     

       
5
       
5
       
 
       
- docker

     

       
6
       
6
       
-
       
- docker-compose

     

       
6
       
6
       
+
       
- docker compose

     

       
7
       
7
       
 
       
- Some music

     

       
8
       
8
       
 
       


     

       
9
       
9
       
 
       
## Install

     

···

       
131
       
131
       
 
       
  margin-right: 0;

     

       
132
       
132
       
 
       
}

     

       
133
       
133
       
 
       


     

       
134
       
134
       
+
       
.audiooplayer .plyr__controls .plyr__controls__item.plyr__time {

     

       
135
       
135
       
+
       
  flex-grow: 1;

     

       
136
       
136
       
+
       
  text-align: left;

     

       
137
       
137
       
+
       
}

     

       
138
       
138
       
+
       


     

       
134
       
139
       
 
       
#footer {

     

       
135
       
140
       
 
       
  border-top: 1px groove #ACACAC;

     

       
136
       
141
       
 
       
  font-size: 80%;

     

···

       
78
       
78
       
 
       
          let lastTitle = ''

     

       
79
       
79
       
 
       
          // Store the current mount point

     

       
80
       
80
       
 
       
          let currentMount = ''

     

       
81
       
81
       
-
       
          // Store the last notification

     

       
82
       
82
       
-
       
          let lastNotification = null

     

       
83
       
81
       
 
       


     

       
84
       
82
       
 
       
          // On every audio element, create a new Plyr instance

     

       
85
       
83
       
 
       
          document.querySelectorAll('div[data-mount]').forEach((e) => {

     
···

       
141
       
139
       
 
       


     

       
142
       
140
       
 
       
                        // If we have permission, send a notification

     

       
143
       
141
       
 
       
                        if ('Notification' in window && Notification.permission === 'granted') {

     

       
144
       
144
       
-
       
                          lastNotification = new Notification(

     

       
142
       
142
       
+
       
                          const lastNotification = new Notification(

     

       
145
       
143
       
 
       
                            'RRM - Now Playing',

     

       
146
       
144
       
 
       
                            {

     

       
147
       
145
       
 
       
                              body: j.icestats.source.title,

     

       
148
       
146
       
 
       
                              icon: 'https://rita.moe/rita-icon.png',

     

       
149
       
147
       
 
       
                              renotify: true,

     

       
150
       
150
       
-
       
                              requireInteraction: false,

     

       
148
       
148
       
+
       
                              requireInteraction: true,

     

       
149
       
149
       
+
       
                              silent: true,

     

       
151
       
150
       
 
       
                              tag: 'now-playing',

     

       
152
       
151
       
 
       
                            }

     

       
153
       
152
       
 
       
                          )

     

       
153
       
153
       
+
       


     

       
154
       
154
       
+
       
                          // Close the notification after 10 seconds, as renotify

     

       
155
       
155
       
+
       
                          // isn't working perfectly when the track changes

     

       
156
       
156
       
+
       
                          setTimeout(

     

       
157
       
157
       
+
       
                            (_) => {

     

       
158
       
158
       
+
       
                              lastNotification.close()

     

       
159
       
159
       
+
       
                            },

     

       
160
       
160
       
+
       
                            10000

     

       
161
       
161
       
+
       
                          )

     

       
154
       
162
       
 
       
                        }

     

       
155
       
163
       
 
       
                      }

     

       
156
       
164
       
 
       
                    } else {

     
···

       
171
       
179
       
 
       
          if ('Notification' in window && Notification.permission === 'default') {

     

       
172
       
180
       
 
       
            Notification.requestPermission()

     

       
173
       
181
       
 
       
          }

     

       
174
       
174
       
-
       


     

       
175
       
175
       
-
       
          document.addEventListener(

     

       
176
       
176
       
-
       
            'visibilitychange',

     

       
177
       
177
       
-
       
            () => {

     

       
178
       
178
       
-
       
              // If the page is visible, close the last notification

     

       
179
       
179
       
-
       
              if (document.visibilityState === 'visible') {

     

       
180
       
180
       
-
       
                lastNotification?.close()

     

       
181
       
181
       
-
       
              }

     

       
182
       
182
       
-
       
            }

     

       
183
       
183
       
-
       
          )

     

       
184
       
182
       
 
       
]]>

     

       
185
       
183
       
 
       
        </script>

     

       
186
       
184
       
 
       
      </body>

     

···

       
15
       
15
       
 
       


     

       
16
       
16
       
 
       
  liquidsoap:

     

       
17
       
17
       
 
       
    container_name: autoradio-liquidsoap

     

       
18
       
18
       
-
       
    image: docker.io/savonet/liquidsoap:v2.3.1

     

       
18
       
18
       
+
       
    image: docker.io/savonet/liquidsoap:v2.4.0

     

       
19
       
19
       
 
       
    restart: unless-stopped

     

       
20
       
20
       
 
       
    command: ["/script.liq"]

     

       
21
       
21
       
 
       
    depends_on: