I provide a boilerplate vueJS project which uses Vuetify as templaing engine.
I need a component to be developed in it, which integrates [login to view URL] into our project with some custom developments.
Instead of the automatically generated vaweforms, we need music notations to appear there. I provide 2 example tracks in mp3, and 2 notations as images. I need them to by "syncrhonized", meaning when the audio playback is in progress, it moves a marker over the image, just like it works with the waveform by default in that package. Also if i click anywhere on the notation image, i want the audio player to "jump" there. So exactly the same functionality what the package originally does, but using an image instead of that waveform it generates by itself.
The begining of the audio file is the first note ot the image (285px in the image), and the end of the audio file is at 6685px in the provided image. We need this to be configurable on a per track level.
So when defining tracks we want to be able to enter the following data:
- mp3 file
- "padding" at the begining of the image
- "padding" at the end of the image
during playback the marker should move on the image and the image should scroll, EXCLUDING the padding areas. The tracks should be 200px heights, as the images are.
The component should be in src/components/ .
The component should be embedded on the Home page with the 2 provided test tracks. The Home page content is in src/pages/[login to view URL]
43 freelancers are bidding on average $764 for this job
https://www.freelancer.com/projects/php/Programador-laravel-vue/details Hi, I have good experiences of Vue.Js. I am clear your requirement. I can do it perfectly by Vue.Js Please contact me Thanks