fix player missing cover
This commit is contained in:
		
										
											
												File diff suppressed because one or more lines are too long
											
										
									
								
							
										
											
												File diff suppressed because one or more lines are too long
											
										
									
								
							@ -24,20 +24,20 @@ The audio player
 | 
			
		||||
            <h4 v-if="loaded" class="title is-4">
 | 
			
		||||
                [[ loaded.name ]]
 | 
			
		||||
            </h4>
 | 
			
		||||
            <h4 v-else-if="live && live.current && live.current.type == 'track'"
 | 
			
		||||
            <h4 v-else-if="live && live.current && live.current.data.type == 'track'"
 | 
			
		||||
                class="title is-4" aria-description="{% trans "Track currently on air" %}">
 | 
			
		||||
                <span class="has-text-info is-size-3">♬</span>
 | 
			
		||||
                <span>[[ current.title ]]</span>
 | 
			
		||||
                <span>[[ live.current.data.title ]]</span>
 | 
			
		||||
                <span class="has-text-grey-dark has-text-weight-light">
 | 
			
		||||
                — [[ current.artist ]]
 | 
			
		||||
                <i v-if="current.info">([[ current.info ]])</i>
 | 
			
		||||
                — [[ live.current.data.artist ]]
 | 
			
		||||
                <i v-if="live.current.data.info">([[ live.current.data.info ]])</i>
 | 
			
		||||
                </span>
 | 
			
		||||
            </h4>
 | 
			
		||||
            <div v-else-if="live && live.current && live.current.type == 'diffusion'">
 | 
			
		||||
            <div v-else-if="live && live.current && live.current.data.type == 'diffusion'">
 | 
			
		||||
                <h4 class="title is-4" aria-description="{% trans "Diffusion currently on air" %}">
 | 
			
		||||
                    <a :href="current.url">[[ current.title ]]</a>
 | 
			
		||||
                    <a :href="live.current.data.url">[[ live.current.data.title ]]</a>
 | 
			
		||||
                </h4>
 | 
			
		||||
                <div class="">[[ current.info ]]</div>
 | 
			
		||||
                <div class="">[[ live.current.data.info ]]</div>
 | 
			
		||||
            </div>
 | 
			
		||||
            <h4 v-else class="title is-4" aria-description="{% trans "Currently playing" %}">
 | 
			
		||||
                {{ station.name }}
 | 
			
		||||
 | 
			
		||||
@ -1,4 +1,5 @@
 | 
			
		||||
import {setEcoTimeout} from 'public/utils';
 | 
			
		||||
import Model from './model';
 | 
			
		||||
 | 
			
		||||
export default class Live {
 | 
			
		||||
    constructor({url,timeout=10,src=""}={}) {
 | 
			
		||||
@ -15,7 +16,7 @@ export default class Live {
 | 
			
		||||
        let item = items && items[items.length-1];
 | 
			
		||||
        if(item)
 | 
			
		||||
            item.src = this.src;
 | 
			
		||||
        return item;
 | 
			
		||||
        return item ? new Model(item) : null;
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    //-- data refreshing
 | 
			
		||||
 | 
			
		||||
@ -34,8 +34,8 @@
 | 
			
		||||
                    <span class="fas fa-play" v-else></span>
 | 
			
		||||
                </button>
 | 
			
		||||
            </div>
 | 
			
		||||
            <div class="media-left media-cover" v-if="current && current.cover">
 | 
			
		||||
                <img :src="current.cover" class="cover" />
 | 
			
		||||
            <div class="media-left media-cover" v-if="current && current.data.cover">
 | 
			
		||||
                <img :src="current.data.cover" class="cover" />
 | 
			
		||||
            </div>
 | 
			
		||||
            <div class="media-content">
 | 
			
		||||
                <slot name="content" :loaded='loaded' :live='live'></slot>
 | 
			
		||||
@ -131,7 +131,7 @@ export default {
 | 
			
		||||
        },
 | 
			
		||||
 | 
			
		||||
        current() {
 | 
			
		||||
            return this.loaded || this.live && this.live.current;
 | 
			
		||||
            return this.loaded ? this.loaded : this.live && this.live.current;
 | 
			
		||||
        },
 | 
			
		||||
    },
 | 
			
		||||
 | 
			
		||||
@ -200,7 +200,6 @@ export default {
 | 
			
		||||
                for(var s of src) {
 | 
			
		||||
                    let source = document.createElement('source');
 | 
			
		||||
                    source.setAttribute('src', s);
 | 
			
		||||
                    console.log('src', source.getAttribute('src'));
 | 
			
		||||
                    audio.appendChild(source)
 | 
			
		||||
                }
 | 
			
		||||
            }
 | 
			
		||||
@ -208,7 +207,6 @@ export default {
 | 
			
		||||
                audio.src = src;
 | 
			
		||||
            }
 | 
			
		||||
            audio.load();
 | 
			
		||||
            console.log(audio);
 | 
			
		||||
        },
 | 
			
		||||
 | 
			
		||||
        play(playlist=null, index=0) {
 | 
			
		||||
 | 
			
		||||
		Reference in New Issue
	
	Block a user