I have added test files with this project which show the JSON structure I am using. It will help you understand the scope of the task.
There are 2 tasks in this project:
1. Play Audio and highlight words in the transcript
For this task please take a look at the '[login to view URL]' file attached below.
The audio player will play the audio and the transcript will be displayed underneath as text.
The transcript should be synchronized with the audio file. Whichever word is being played on the audio player, should be highlighted in red color on the transcript.
2. Audio Skipper
Please take a look at '[login to view URL]' and '[login to view URL]' for this.
These two files will operate on two different pages. They are summaries generated from the full transcript. Thus they only have few sentences from the full transcript.
One of them provides timestamps for sentences while the other provides timestamps for individual words in the transcript.
I want you to read those timestamps and only play those parts in the audio player.
I also want to highlight the word or sentence which is currently being played in the audio player on the transcript.
The transcript will be displayed below the audio player.
Please bid only after you've had a chance to go through the JSON files below, so that you gain a better understanding of the project. Feel free to use React, Angular or any other JS framework you are comfortable with. Only serious bidders will be considered. If you've read this far, you're already made the cut assuming you can do that task.
Here is the audio file used:
[login to view URL]
10 freelancers are bidding on average $204 for this job