Adam French
3f39f6327c
All checks were successful
Deploy with Docker Compose / deploy (push) Successful in 1m54s
50 lines
1.3 KiB
Vue
50 lines
1.3 KiB
Vue
<template>
|
|
<div v-if="streamLive">
|
|
<Header>Radio</Header>
|
|
<img src="/img/tmpen31z3pe.PNG" />
|
|
<audio controls :src="streamUrl" ref="audio"></audio>
|
|
</div>
|
|
<div v-else>
|
|
<Header>Radio</Header>
|
|
<img src="/img/tmpen31z3pe.PNG" />
|
|
<div class="m-1 text-center">
|
|
<p>Radio is offline. Message for info!</p>
|
|
<Button class="w-full" @click="checkStream()">Check Stream</Button>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
import Button from "@/components/input/Button.vue";
|
|
import Header from "@/components/text/Header.vue";
|
|
import { ref, onMounted } from "vue";
|
|
import axios from "axios";
|
|
|
|
const streamMount = ref("");
|
|
const streamUrl = ref("");
|
|
const streamLive = ref(false);
|
|
const audio = ref(null);
|
|
|
|
async function checkStream() {
|
|
try {
|
|
const res = await axios.get("/radio/status-json.xsl");
|
|
const data = res.data;
|
|
|
|
streamMount.value = data.icestats.source.listenurl.split("/").pop();
|
|
if (streamMount.value) {
|
|
streamLive.value = true;
|
|
streamUrl.value = "/radio/" + streamMount.value;
|
|
|
|
if (audio.value) audio.value.load();
|
|
}
|
|
} catch (err) {
|
|
streamLive.value = false;
|
|
}
|
|
}
|
|
|
|
onMounted(() => {
|
|
checkStream();
|
|
setInterval(checkStream, 120000);
|
|
});
|
|
</script>
|