diff --git a/changes/changelog.d/1697.enhancement b/changes/changelog.d/1697.enhancement new file mode 100644 index 000000000..2cf175710 --- /dev/null +++ b/changes/changelog.d/1697.enhancement @@ -0,0 +1 @@ +Added support for all cover sources in the embedded player (#1697). diff --git a/front/src/EmbedFrame.vue b/front/src/EmbedFrame.vue index d2c67623d..db0a5499f 100644 --- a/front/src/EmbedFrame.vue +++ b/front/src/EmbedFrame.vue @@ -258,6 +258,9 @@ function getURLParams () { export default { name: 'App', components: { Logo }, + props: { + artistCover: { type: Object, required: false }, + }, data () { return { time, @@ -455,7 +458,7 @@ export default { title: t.title, artist: t.artist, album: t.album, - cover: self.getCover((t.album || {}).cover), + cover: self.getCover((t || t.album).cover), sources: self.getSources(t.uploads) } }) diff --git a/front/src/components/audio/EmbedWizard.vue b/front/src/components/audio/EmbedWizard.vue index 2dc136afa..b042b1009 100644 --- a/front/src/components/audio/EmbedWizard.vue +++ b/front/src/components/audio/EmbedWizard.vue @@ -98,6 +98,7 @@ scrolling="no" frameborder="no" :src="iframeSrc" + :artist-cover="cover" /> @@ -111,7 +112,8 @@ import _ from '@/lodash' export default { props: { type: { type: String, required: true }, - id: { type: Number, required: true } + id: { type: Number, required: true }, + cover: { type: Object, required: false }, }, data () { const d = { diff --git a/front/src/views/channels/DetailBase.vue b/front/src/views/channels/DetailBase.vue index 5e53474ed..d267a3e66 100644 --- a/front/src/views/channels/DetailBase.vue +++ b/front/src/views/channels/DetailBase.vue @@ -320,6 +320,7 @@