Completed

VueJS component for audio playback with notations

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

- image

- "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]

Skills: Javascript, Vue.js, node.js

See more: change audio playback device visual basic, default audio playback visual basic, windows 2000 default audio playback device, free audio playback device, touchscreen audio playback, component audio per joomla, software audio playback touchscreen, vista audio playback default device, windows set default audio playback device, iphone sdk audio playback, identify audio playback devices vbscript, audio playback iphone dev, iphone sdk audio playback direction, change default audio playback device, change audio playback vbscript, use vbscript change audio playback devices, web component audio recording

About the Employer:
( 1 review ) Budapest, Hungary

Project ID: #24605214

Awarded to:

webinfo91

Hello, I'm Massimiliano. Just read your description. As a vue expert so can develop your Vue.js component for audio playback with notation. Could we discuss more detail on chat? I always think that our cooperation is d More

$500 USD in 5 days
(5 Reviews)
4.0

43 freelancers are bidding on average $764 for this job

suhelshaikh

*****7 Years of Vue.js & React.js & Angular.js Expert*** I am seeking the opportunity would like to work on it I am available to start working immediately I have done same work in past, i'll do [login to view URL] you'll get bac More

$500 USD in 7 days
(45 Reviews)
7.7
arhamsoftltd

Hi, I can create a component in vue.js for audio playback with notations I have been developing in vue.js, react,js and laravel for 8 years now. I understand your requirements and ready to initiate right away, We are More

$1500 USD in 15 days
(16 Reviews)
7.1
medickd

Hi sir I understood your requirements and everything is clear. Everything is no problems, I am a professional for Vue JS so have a rich experience in Vue/Vuex/Vuetify, ES6+/JSX/TS, Rest API, Canvas/SVG and web design s More

$600 USD in 3 days
(15 Reviews)
5.5
akkastech

Hello, I hope you’re doing well. Thanks for the job post, it’s a pleasure meeting you. We've gone through your description, it's described pretty well about what you need. I am glad to share that we have experience in More

$2000 USD in 25 days
(7 Reviews)
5.4
unix515

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

$500 USD in 7 days
(18 Reviews)
5.6
vladzolotukhin

Hello, As a Vue, Vuex, node and express expert, I can help you. I am fully familiar with Vue framework, and have rich experience in vue material design. Please message me when you are available, I 'd like to work with More

$600 USD in 5 days
(50 Reviews)
6.0
GuangJie

Hello Vue expert is here I read your requirements and checked your source code After run your source code I can only see head with "appname" and 2 flag with yellow background and content I will create my own new vue pr More

$700 USD in 5 days
(14 Reviews)
5.3
managersingh

Hi Hope you are doing well I've gone through your posted job description for VueJS component for audio playback with notations I am Web developer and Designer having 5+ years of website development and design. I have More

$750 USD in 15 days
(19 Reviews)
5.5
DmitryShashko090

Hi, dear. How are you today? Reading your job description, I'm sure your project is very suitable for my skill. I've deep knowledge and abundant experience in vue.js. Looking forward to work for this project, please More

$500 USD in 7 days
(14 Reviews)
5.0
toseef3

Dear sir, I am expert vueJS developer, and i am very interested to work on this project sir I am a FULL STACK DEVELOPER, I'm interested in doing this project as I have all the required skills and expertise needed for t More

$700 USD in 10 days
(7 Reviews)
4.3
Aliascorp

Hello sir. I have understood your requirements.. I am available to start the project right away. Please ping for more discussion.

$500 USD in 7 days
(22 Reviews)
4.6
benliao

Hello, sir. How are you? I have just read your project description and I can help you as my experiences. I am a new freelancer but I will make the perfect product you are satisfied with. My clients have never been frus More

$500 USD in 10 days
(3 Reviews)
4.5
devops724

Hi there I have 10 years experience in web development. lots of experinces on client and server side web frameworks. technology that i can code in: Python, ,PHP, Django, Vue, Vuex,Vuetify, NodeJS Drupal, JQuery, Backbo More

$700 USD in 7 days
(20 Reviews)
4.6
techcristaglobal

Hello Client, Hope you are doing well. I am Yogesh from TechCrista. I am really excited to work with you. I am glad to say that I have rich experienced with Front end technologies like React.js, Vue.js, Angular.js, bo More

$890 USD in 15 days
(12 Reviews)
4.4
Rogerfalcone

Hi,dear client. Thanks for taking your valuable time for reviewing my proposal. I am very interested in your project - 'VueJS component for audio playback with notations'. Because I have been familiar with similar proj More

$555 USD in 3 days
(4 Reviews)
3.5
SuperJSDev

Hello, Nice to meet you. I mentioned my full stack technologies on my profile, but I will describe them on here again. I felt your project is just for me, because required technologies are my major and experienced s More

$500 USD in 10 days
(3 Reviews)
3.7
KECHANKRISNA

Hello, how are you? I've read your job description carefully and I'm very interested in your job. I'm a senior frontend developer with rich experiences of React.js and Vue.js for many years. I'm very good at Vue compon More

$500 USD in 7 days
(2 Reviews)
3.1
janelka1991

Hi, sir. I am a software developer with VueJS for 3 years. I can work by full time for your project and trying to satisfy the requirements. I want to keep a long-term relationship for customer so I want to give a nic More

$500 USD in 7 days
(2 Reviews)
3.3
puppito

Dear Client Very interested in your project With seven years of experience in Vue/Vuetify , I am confident I will be an excellent fit for this audio play back project. I can share my previous work in private chat box i More

$700 USD in 7 days
(5 Reviews)
3.4
cycle337

Hello, It will be my honor to work on this project, I have all the required skills.

$800 USD in 7 days
(3 Reviews)
2.8