okseby/orchard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

animated artworks

Browse source
This commit is contained in:
vapormusic 2021-12-07 21:04:03 +07:00
parent 0190beb5b8
commit 44792c0918
8 changed files with 114 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

20
resources/cider-ui-tests/views/components/animatedartwork-view.ejs Normal file
View file

@ -0,0 +1,20 @@
<script type="text/x-template" id="animatedartwork-view">
<template v-if="video">
<div class="animated" v-bind:vid="app.hashCode(video).toString()">
<video loop id = "animated-artwork"></video>
</div>
</template>
</script>
<script>
Vue.component('animatedartwork-view', {
template: '#animatedartwork-view',
props: ['video'],
mounted() {
if (this.video) {
this.$nextTick(function () {
app.playAnimatedArtwork(this.video);
})}
}
});
</script>

5
resources/cider-ui-tests/views/components/mediaitem-artwork.ejs
View file

@ -9,6 +9,9 @@
<div class="mediaitem-artwork">
<img :src="app.getMediaItemArtwork(url, size)"
class="mediaitem-artwork--img">
<div v-if="video" class="animatedartwork-view-box">
<animatedartwork-view :video="video"></animatedartwork-view>
</div>
</div>
</template>
</script>
@ -16,7 +19,7 @@
<script>
Vue.component('mediaitem-artwork', {
template: '#mediaitem-artwork',
props: ['size', 'url', 'type'],
props: ['size', 'url', 'type', 'video'],
methods: {
getArtworkStyle() {
return {