Виконано

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]

Навички: Javascript, Vue.js, node.js

Деталі: 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

Про роботодавця:
( 1 відгук ) Budapest, Hungary

ID Проекту: #24605214

Доручено:

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 Більше

$500 USD за 5 дні(-в)
(5 відгуків(-и))
4.0

43 фрілансерів(-и) у середньому готові виконати цю роботу за $764

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 Більше

$500 USD за 7 дні(-в)
(45 відгуків(и))
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 Більше

$1500 USD за 15 дні(-в)
(16 відгуків(и))
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 Більше

$600 USD за 3 дні(-в)
(15 відгуків(и))
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 Більше

$2000 USD за 25 дні(-в)
(7 відгуків(и))
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 за 7 дні(-в)
(18 відгуків(и))
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 Більше

$600 USD за 5 дні(-в)
(50 відгуків(и))
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 Більше

$700 USD за 5 дні(-в)
(14 відгуків(и))
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 Більше

$750 USD за 15 дні(-в)
(19 відгуків(и))
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 Більше

$500 USD за 7 дні(-в)
(14 відгуків(и))
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 Більше

$700 USD за 10 дні(-в)
(7 відгуків(и))
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 за 7 дні(-в)
(22 відгуків(и))
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 Більше

$500 USD за 10 дні(-в)
(3 відгуків(и))
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 Більше

$700 USD за 7 дні(-в)
(20 відгуків(и))
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 Більше

$890 USD за 15 дні(-в)
(12 відгуків(и))
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 Більше

$555 USD за 3 дні(-в)
(4 відгуків(и))
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 Більше

$500 USD за 10 дні(-в)
(3 відгуків(и))
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 Більше

$500 USD за 7 дні(-в)
(2 відгуків(и))
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 Більше

$500 USD за 7 дні(-в)
(2 відгуків(и))
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 Більше

$700 USD за 7 дні(-в)
(5 відгуків(и))
3.4
cycle337

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

$800 USD за 7 дні(-в)
(3 відгуків(и))
2.8