···

       
3
       
3
       
 
       
services:

     

       
4
       
4
       
 
       
  icecast:

     

       
5
       
5
       
 
       
    image: docker.io/mkody/icecast:latest

     

       
6
       
6
       
-
       
    restart: always

     

       
6
       
6
       
+
       
    restart: unless-stopped

     

       
7
       
7
       
 
       
    ports:

     

       
8
       
8
       
 
       
      - "${ICECAST_PORT:-8000}:8000"

     

       
9
       
9
       
 
       
    environment:

     
···

       
19
       
19
       
 
       


     

       
20
       
20
       
 
       
  liquidsoap:

     

       
21
       
21
       
 
       
    image: docker.io/savonet/liquidsoap:v2.2.2

     

       
22
       
22
       
-
       
    restart: always

     

       
22
       
22
       
+
       
    restart: unless-stopped

     

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

     

       
24
       
24
       
 
       
    environment:

     

       
25
       
25
       
 
       
      - ICECAST_SOURCE_PASSWORD

     

···

       
56
       
56
       
 
       
                      </xsl:if>

     

       
57
       
57
       
 
       
                      <xsl:value-of select="title" />

     

       
58
       
58
       
 
       
                    </div>

     

       
59
       
59
       
-
       
                    <div class="search">

     

       
60
       
60
       
-
       
                      <a href="/" onclick="ss('{@mount}'); return false;">(search youtube)</a>

     

       
61
       
61
       
-
       
                    </div>

     

       
62
       
59
       
 
       
                  </div>

     

       
63
       
60
       
 
       
                </div>

     

       
64
       
61
       
 
       
              </xsl:when>

     
···

       
77
       
74
       
 
       
        </div>

     

       
78
       
75
       
 
       
        <script type="text/javascript">

     

       
79
       
76
       
 
       
<![CDATA[

     

       
80
       
80
       
-
       
          function ss (mount) {

     

       
81
       
81
       
-
       
            let title = document.querySelector('[data-mount="' + mount + '"] .playing').innerHTML

     

       
82
       
82
       
-
       
            let se = document.querySelector('[data-mount="' + mount + '"] .search a')

     

       
83
       
83
       
-
       
            se.innerHTML = 'Please wait...'

     

       
84
       
84
       
-
       
            fetch('https://www.googleapis.com/youtube/v3/search?part=snippet&maxResults=1&safeSearch=none&type=video&videoCategoryId=10&key=AIzaSyB0PbGfWP_AwEXx7_DypkJiB0qIjHxedi0&q=' + encodeURIComponent(title))

     

       
85
       
85
       
-
       
              .then(r => r.json())

     

       
86
       
86
       
-
       
              .then(j => {

     

       
87
       
87
       
-
       
                se.innerHTML = '(search youtube)'

     

       
88
       
88
       
-
       
                if (j.items.length > 0) {

     

       
89
       
89
       
-
       
                  window.open('https://www.youtube.com/watch?v=' + j.items[0].id.videoId, '_blank')

     

       
90
       
90
       
-
       
                }

     

       
91
       
91
       
-
       
              })

     

       
92
       
92
       
-
       
          }

     

       
93
       
93
       
-
       


     

       
94
       
94
       
-
       
          function s () {

     

       
77
       
77
       
+
       
          function np () {

     

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

     

       
96
       
79
       
 
       
              fetch('https://radio.rita.moe/status-json.xsl?mount=' + e.dataset.mount)

     

       
97
       
80
       
 
       
                .then(r => r.json())

     
···

       
103
       
86
       
 
       
            })

     

       
104
       
87
       
 
       
          }

     

       
105
       
88
       
 
       


     

       
106
       
106
       
-
       
          setInterval(s, 3000)

     

       
89
       
89
       
+
       
          setInterval(np, 3000)

     

       
107
       
90
       
 
       


     

       
108
       
91
       
 
       
          document.querySelectorAll('audio').forEach(e => {

     

       
109
       
92
       
 
       
            new Plyr(e, {

     
···

       
118
       
101
       
 
       
    </html>

     

       
119
       
102
       
 
       
  </xsl:template>

     

       
120
       
103
       
 
       
</xsl:stylesheet>

     

       
121
       
121
       
-
       


     

···

       
131
       
131
       
 
       
  margin-right: 0;

     

       
132
       
132
       
 
       
}

     

       
133
       
133
       
 
       


     

       
134
       
134
       
-
       
.search a {

     

       
135
       
135
       
-
       
  font-size: 0.8em;

     

       
136
       
136
       
-
       
  border-bottom: none;

     

       
137
       
137
       
-
       
}

     

       
138
       
138
       
-
       


     

       
139
       
134
       
 
       
#footer {

     

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

     

       
141
       
136
       
 
       
  font-size: 80%;