I need a Vue.JS template that looks and functions similarly to this page:
[login to view URL]
It needs to show the cover image and background (same image), set meta tags, provide simple mp3 controls, list the music providers, and display the footer text.
It needs to support this JSON structure:
{
"title": "Joyner Lucas - Will - Remix",
"subtitle": "Listen + Download",
"meta": [
"description": "This sets an HTML meta tag.",
"og:type": "website"
],
"image": "[login to view URL]";,
"tracks": [
{
"title": "Intro",
"length": "0:30",
"url": "[login to view URL]";
},
{
"title": "Hello Again",
"length": "1:57",
"url": "[login to view URL]";
}
],
"providers": [
{
"name": "Spotify",
"logo": "[login to view URL]";,
"url": "[login to view URL]";,
"cta": "Stream"
},
{
"name": "iTunes",
"logo": "[login to view URL]";,
"url": "[login to view URL]";,
"cta": "Download"
}
]
}
If more than one track is provided, once the user hits play, it should offer the user the ability to move forward and backward via icons next to the Pause button (like this: [login to view URL]) and show all the track options (like this: [login to view URL]) underneath the cover photo.
Hi,
Commercially I've worked in numerous VueJS single page applications over the past 2 years. I've also lead a team of Frontend developers working on "modernisation" projects created in VueJS