I need to replace existing code based on flash with code based on HTML5, so that the player will work on mobile.
My website is [url removed, login to view] , its a Chinese language learning website. This is the existing lesson page - [url removed, login to view] - it uses flash and jquery to play the lesson.
The lesson comprises of multiple 'slides' each of which contain:
1- An mp3 sound file
2- text elements in English and Chinese
3- Timed effects on the text elements that sync with the audio
4- A character image (.png) with transparent background displayed over a static background for the lesson
There is also:
A- Play controls and progress bar
B- Volume controls
C- Autoplay speed - which controls the gaps between slides
D- A static background image per lesson
The replacement code must work on all modern mobile OS's and browsers. The performance and usability must be as good or better than the existing solution. The code must be easy to follow for our website lead developer. You will need to demonstrate a functioning solution that is linked to our database content.
Our preference is to use the html5 audio tag. A crucial element of this project will be achieving the desired timing. Each lesson is composed of multiple slides with individual audio files and images. The code needs to play each audio file in sequence and synchronise the audio, images, and text.
Preference will be given to bidders who can demonstrate successful completion of similar projects.
19 freelancer đang chào giá trung bình $711 cho công việc này
Hi I work towards providing reliable, relevant and robust IT solutions at most competitive prices to my customers. I ensure 100% customer satisfaction so lets start Thanks