Project Description:
We have webviews in mobile apps that need to rotate images from a list and pass back the name of an associated audio file. It needs to operate similar to a very basic ad server but needs to be easily loaded at a customer’s website as a webpage in HTML/javascript/etc.
Currently, we call a fixed URL and a single image is returned and displayed (the sizes are already determined) within the app. Now, we need to have two to ten images that need to rotate. Each time the webpage is called, the next image is sent. Additionally, we need the file name of an associated file name passed back which will indicate which audio to play.
The number of images can be known and configured if required.
For example, a customer’s folder www.abc.com/images/ could have the following images:
Image1.jpg
Image2.jpg
Image3.jpg
Additionally, the folder will contain audio files like this:
Audio1.mp3
Audio2.mp3
Audio3.mp3
The code needs to return the image and the audio file name rotating to the next one each time the page is called. Again, the number of images/audio files is known and can be configured if needed.
For example, the first time that the webpage is called, image1,jpg is returned and audio1,mp3 is passed back. The next time the webpage is called, image2.jpg is displayed and audio2.mp3 is returned. And so on. When reached the highest image, return back to first.
We have control over the calling of the webpage from the app webview and we can provide the webpage to the customer.
