player refresh

This commit is contained in:
bkfox
2022-03-28 15:02:02 +02:00
parent af7289614f
commit d4676a5dd1
10 changed files with 12906 additions and 54 deletions

View File

@ -20,24 +20,24 @@ The audio player
<a-player ref="player"
:live-args="{url: '{% url "api:live" %}', timeout:10, src: {{ audio_streams|json }} || []}"
button-title="{% trans "Play or pause audio" %}">
<template v-slot:content="{ loaded, live }">
<template v-slot:content="{ loaded, live, current }">
<h4 v-if="loaded" class="title is-4">
[[ loaded.name ]]
</h4>
<h4 v-else-if="live && live.current && live.current.data.type == 'track'"
<h4 v-else-if="current && current.data.type == 'track'"
class="title is-4" aria-description="{% trans "Track currently on air" %}">
<span class="has-text-info is-size-3">&#9836;</span>
<span>[[ live.current.data.title ]]</span>
<span>[[ current.data.title ]]</span>
<span class="has-text-grey-dark has-text-weight-light">
&mdash; [[ live.current.data.artist ]]
<i v-if="live.current.data.info">([[ live.current.data.info ]])</i>
&mdash; [[ current.data.artist ]]
<i v-if="current.data.info">([[ current.data.info ]])</i>
</span>
</h4>
<div v-else-if="live && live.current && live.current.data.type == 'diffusion'">
<div v-else-if="live && current && current.data.type == 'diffusion'">
<h4 class="title is-4" aria-description="{% trans "Diffusion currently on air" %}">
<a :href="live.current.data.url">[[ live.current.data.title ]]</a>
<a :href="current.data.url">[[ current.data.title ]]</a>
</h4>
<div class="">[[ live.current.data.info ]]</div>
<div class="">[[ current.data.info ]]</div>
</div>
<h4 v-else class="title is-4" aria-description="{% trans "Currently playing" %}">
{{ request.station.name }}