Bug Fixes in a React project - autoplay() does not work on iPad

This is a quiz game hosted at [login to view URL]

90% of it works, except the first sound is not played on iPad. It works on all browsers on MacOS and Windows, but fails on iPad. Hence you’ll need an iPad to debug this issue.

Before listing the issues, some background about the project is below.

At the start, users enter their name. This can be any string.

The game has two types of sounds:

1. Feedback sounds: These sounds are played when a user performs an action. Example: button click sound. We also play a feedback sound to tell the user whether their answer was correct or not.

2. Instruction sounds: These sounds tell the user what action to perform. These are in the format - “Ready XX, GO to YYZZ” where XX, YY and ZZ are randomly selected from an existing pool of sounds.

If the user selects XX, YY and ZZ correctly, we need to play success sound. Else invalid answer sound.

Project code: [login to view URL]

Issues are mentioned below:

1. Unfortunately, Safari blocks autoplay for instructions for some reason, but plays the button press sound. This works on Windows and MacOS, but does not work on iOS. You’ll need an iPad to replicate the issue. The exact error message is attached.

2. The second issue is the delay in the feedback sounds. When I press a button, there’s a 0.5 second delay in the feedback sound being played. This causes confusion sometimes. Sometimes the feedback audio does not play. This happens when a round finishes and the “A multi sensory experience” modal is displayed.

3. The volume of feedback sound is disproportionate to the instruction sounds. The feedback sounds should be much lower.

4. Further I would like them to improve the quality of the sound experience in this app/website. This is more of a nice to have. Bonus payment based on the quality of work.

To start, Branch off of Bipund-master and push your changes to your own branch.

Please deploy your changes to a free server and paste the link here.

Навыки: Mobile App Development, iPhone, Android, React.js, iOS Development

О клиенте:
( 4 отзыв(-а, -ов) ) Dehradun, India

ID проекта: #34820129



"Hi, I have expert in JavaScript, React.js , json , WordPress, CSS, HTML, PHP, Website Design, Web/Mobile App Development, Android/iPhone for 7+ years My extensive client base is spread all over the world such as Ho Больше

$160 USD за 7 дней(-я)
(0 отзывов(-а))

11 фрилансеров(-а) готовы выполнить эту работу в среднем за $172


Hello sir, Please inform me whenever you require help with a project. Despite what a lot of people believe, not all of the information on this page is true. Every proposal is carefully reviewed to ensure that it satis Больше

$140 USD за 15 дней(-я)
(18 отзывов(-а))

Hi, Nice to meet you. As per your project need, I can build your project more efficient with my knowledge and experience. I'm looking to work with you and I'm very sure that you'll feel great to work with me.I am a pr Больше

$150 USD за 2 дней(-я)
(13 отзывов(-а))

hello. Am ready to fix the issue of react native project. please send me a message to discuss this project in chat. thank you

$50 USD за 8 дней(-я)
(11 отзывов(-а))

Hi, I have read your job post and I am more than interested to work on your project to develop mobile application. I have 10 years of experience in developing and designing websites & mobile application using PHP, J Больше

$140 USD за 7 дней(-я)
(0 отзывов(-а))

Worked on this types issue, while creating app like what's up web. I have 3 year of experience. I have created app without using external library. That's gave next level explore.

$100 USD за 3 дней(-я)
(0 отзывов(-а))

Hi, I am a very talented software programmer with 13+ years of development experience (6+ years professional work experience). I am a results-oriented professional and possess experience using cutting-edge development Больше

$140 USD за 3 дней(-я)
(0 отзывов(-а))

Hi, The project owner! I'm fulltime available for work. After reading your project detail, I have a good eye to React Native, Ionic, Flutter. I am very impressed with your project. The rest we will finalize after a fu Больше

$100 USD за 7 дней(-я)
(0 отзывов(-а))

HI, This is Nikhil Jain from Sans Web Solutions. (INDIA) I am a Full Stack Developer with more than 5 years of experience. Tech Stack - MERN Stack - HTML, CSS, JavaScript, Bootstrap, ReactJS, React Native, NextJS, N Больше

$500 USD за 3 дней(-я)
(0 отзывов(-а))

Hi Greetings! I am available right now for the project discussion and can start the project on an immediate basis. I have understood your project requirement I have7++ experience in design and development. I can ha Больше

$250 USD за 7 дней(-я)
(0 отзывов(-а))

Hi, I have gone through your requirements and I can do this task immediately. I'm confident to say that I have enough skills and resources needed for this project . I can assure you for a complete professional work o Больше

$160 USD за 7 дней(-я)
(1 отзыв)