This is a Next.js project bootstrapped with create-next-app.
First install the node module dependencies using
yarn installAnd then, run the development server:
npm run dev
# or
yarn devOpen http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.
You will see a Slider component on the homepage
- Which will render couple of images as slides from a different host.
- Every slide will have an audio linked to it.
- On the first load you need to play the audio and then if the audio is playing then slides will change automatically upon completion of audio.
- You can play/pause and mute/unmute the audio.
- You will also see volume controls on the slider