This commit is contained in:
vapormusic 2022-03-07 00:09:43 +07:00
parent c5d86cd707
commit d7261dbc86
5 changed files with 48 additions and 9 deletions

View file

@ -41,7 +41,7 @@ export default class ChromecastPlugin {
browser.on('ready', browser.discover); browser.on('ready', browser.discover);
browser.on('update', (service :any) => { browser.on('update', (service :any) => {
if (service.addresses && service.fullname) { if (service.addresses && service.fullname && service.fullname.includes('_googlecast._tcp')) {
this.ondeviceup(service.addresses[0], service.fullname.substring(0, service.fullname.indexOf("._googlecast")) + " " + (service.type[0].description ?? ""), '', 'googlecast'); this.ondeviceup(service.addresses[0], service.fullname.substring(0, service.fullname.indexOf("._googlecast")) + " " + (service.type[0].description ?? ""), '', 'googlecast');
} }
}); });

View file

@ -1838,6 +1838,9 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
} }
.no-animation {
animation: unset !important;
}
.fullscreen-view-container { .fullscreen-view-container {
position: absolute; position: absolute;
@ -1877,6 +1880,10 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
height: 50vh; height: 50vh;
} }
.bg-artwork-container {
display: block !important;
}
@media only screen and (max-width: 1121px) { @media only screen and (max-width: 1121px) {
.display--large { .display--large {
display: flex !important; display: flex !important;
@ -1979,12 +1986,9 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
filter: brightness(85%) saturate(95%) blur(180px) contrast(0.9) opacity(0.9); filter: brightness(85%) saturate(95%) blur(180px) contrast(0.9) opacity(0.9);
} }
.no-animation {
animation: unset;
}
}
}
}
}
.lyrics-col { .lyrics-col {
@ -2662,6 +2666,10 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
width: 200VH; width: 200VH;
height: 200VH; height: 200VH;
} }
.bg-artwork-container{
display: block !important;
}
} }
.lyric-body { .lyric-body {
@ -2964,6 +2972,10 @@ body.no-gpu {
.bg-artwork-container { .bg-artwork-container {
display: none; display: none;
animation: none !important;
.bg-artwork{
animation: none !important;
}
} }
#navigation-bar { #navigation-bar {
@ -3004,6 +3016,10 @@ body.no-gpu {
.drawertransition-leave-to { .drawertransition-leave-to {
right: -300px; right: -300px;
} }
.lyric-line:hover::after {
display: none;
}
} }
.qrimg { .qrimg {

View file

@ -6,8 +6,9 @@
v-if="drawer.open && drawer.panel == 'lyrics' && lyrics && lyrics != [] && lyrics.length > 0"> v-if="drawer.open && drawer.panel == 'lyrics' && lyrics && lyrics != [] && lyrics.length > 0">
<div class="bgArtworkMaterial"> <div class="bgArtworkMaterial">
<div class="bg-artwork-container"> <div class="bg-artwork-container">
<img class="bg-artwork a" :src="$store.state.artwork.playerLCD"> <img v-if="(cfg.visual.bg_artwork_rotation && animateBackground)" class="bg-artwork a" :src="$store.state.artwork.playerLCD">
<img class="bg-artwork b" :src="$store.state.artwork.playerLCD"> <img v-if="(cfg.visual.bg_artwork_rotation && animateBackground)" class="bg-artwork b" :src="$store.state.artwork.playerLCD">
<img v-if="!(cfg.visual.bg_artwork_rotation && animateBackground)" class="bg-artwork no-animation" :src="$store.state.artwork.playerLCD">
</div> </div>
</div> </div>
<lyrics-view v-if="drawer.panel == 'lyrics'" :time="lyriccurrenttime" :lyrics="lyrics" <lyrics-view v-if="drawer.panel == 'lyrics'" :time="lyriccurrenttime" :lyrics="lyrics"

View file

@ -59,7 +59,29 @@
} }
this.hls.attachMedia(this.$refs.video); this.hls.attachMedia(this.$refs.video);
this.hls.loadSource(this.video); this.hls.loadSource(this.video);
this.hls.loadLevel = parseInt(app.cfg.visual.animated_artwork_qualityLevel || 1); let u = this.hls;
var quality = app.cfg.visual.animated_artwork_qualityLevel;
setTimeout(() => {
let levelsnum = u.levels.map((level)=>{return level.width})
if (levelsnum.length > 0) {
let qualities = []
let qualities2 = []
for (let i = 0; i < levelsnum.length; i++) {
if (qualities2.indexOf(levelsnum[i]) == -1) {
qualities.push({level: i, quality: levelsnum[i]})
qualities2.push(levelsnum[i])
}
}
let actualnum = Math.floor(qualities[qualities.length -1 ].level * (quality / 4))
if (quality != 0 ){
quality = qualities[Math.min(actualnum,qualities.length -1 )].level
}
if (quality == 4 ){
quality = qualities[qualities.length - 1].level
}
}
this.hls.loadLevel = parseInt( quality || 1);},200)
} }
}) })
} }

View file

@ -21,7 +21,7 @@
:video-priority="true" :video-priority="true"
:url="(data.attributes != null && data.attributes.artwork != null) ? data.attributes.artwork.url : ((data.relationships != null && data.relationships.tracks.data.length > 0 && data.relationships.tracks.data[0].attributes != null) ? ((data.relationships.tracks.data[0].attributes.artwork != null)? data.relationships.tracks.data[0].attributes.artwork.url : ''):'')" :url="(data.attributes != null && data.attributes.artwork != null) ? data.attributes.artwork.url : ((data.relationships != null && data.relationships.tracks.data.length > 0 && data.relationships.tracks.data[0].attributes != null) ? ((data.relationships.tracks.data[0].attributes.artwork != null)? data.relationships.tracks.data[0].attributes.artwork.url : ''):'')"
:video="(data.attributes != null && data.attributes.editorialVideo != null) ? (data.attributes.editorialVideo.motionDetailSquare ? data.attributes.editorialVideo.motionDetailSquare.video : (data.attributes.editorialVideo.motionSquareVideo1x1 ? data.attributes.editorialVideo.motionSquareVideo1x1.video : '')) : '' " :video="(data.attributes != null && data.attributes.editorialVideo != null) ? (data.attributes.editorialVideo.motionDetailSquare ? data.attributes.editorialVideo.motionDetailSquare.video : (data.attributes.editorialVideo.motionSquareVideo1x1 ? data.attributes.editorialVideo.motionSquareVideo1x1.video : '')) : '' "
size="260" size="500"
></mediaitem-artwork> ></mediaitem-artwork>
</div> </div>
</div> </div>