[Free] FlexiMediaBanner: Empower Users to Create Their Own Ads in MIT App Inventor System Based

Extensions
1

FlexiMediaBanner

FlexiMediaBanner is an MIT App Inventor extension that empowers developers to create and integrate their own custom ads—multimedia banners featuring images, GIFs, and videos—directly within their apps. It offers full control over slideshows, video playlists, click events, audio playback, and URL redirection, making it easy to craft engaging promotional experiences.

:inbox_tray: Installation

  1. Download the com.bosonshiggs.fleximediabanner.aix (67.4 KB) file.
  2. In MIT App Inventor, go to Extensions > Import extension and select the downloaded file.
  3. Drag the FlexiMediaBanner component from the Extension palette into your project.

:gear: Properties (SimpleProperty)

1. CoverImageURL(url: String)

Displays a single image or GIF asynchronously.

Insert the block image below:
CoverImageURL_Set_Property

2. AudioEnabled(enabled: boolean)

Enables or disables audio playback for videos.

Insert the block image below:

AudioEnabled(true)

AudioEnabled_Set_Property

3. Title(text: String)

Sets the banner title text displayed below the media.

Insert the block image below:

Title("Special Offer")

Title_Set_Property

4. RedirectURL(url: String)

Sets the URL to open when the banner is clicked.

Insert the block image below:

RedirectURL("https://yoururl.com")

RedirectURL_Set_Property

:wrench: Methods (SimpleFunction)

1. CoverImageURLs(urls: List)

Starts a slideshow of images/GIFs with a 5-second interval.

Insert the block image below:

CoverImageURLs(
  make a list(
    "https://ex.com/img1.png",
    "https://ex.com/img2.gif",
    "https://ex.com/img3.jpg"
  )
)

CoverImageURLs_Method

2. VideoURL(url: String)

Plays a single video or GIF asynchronously.

Insert the block image below:

VideoURL("https://example.com/video.mp4")

VideoURL_Method

3. VideoURLs(urls: List)

Plays a playlist of videos sequentially, looping back to the start after the last item.

Insert the block image below:

VideoURLs(
  make a list(
    "https://ex.com/vid1.mp4",
    "https://ex.com/vid2.mp4"
  )
)

VideoURLs_Method

4. AnchorTo(container: AndroidViewComponent)

Attaches the banner to the specified container.

Insert the block image below:

AnchorTo(Screen1)

AnchorTo_Method

5. Stop()

Stops all media playback and clears the state.

Insert the block image below:

Stop()

Stop_Method

:tada: Events (SimpleEvent)

1. AdClicked(url: String)

Fired when the banner is clicked, returning the current media URL.

Insert the block image below:
AdClicked_Event

2. ImageLoaded()

Fired when an image or GIF has loaded successfully.

Insert the block image below:
ImageLoaded_Event

3. VideoError(message: String)

Fired when a video playback error occurs.

Insert the block image below:
VideoError_Event

4. ImageLoadError(message: String)

Fired when an image/GIF fails to load.

Insert the block image below:
ImageLoadError_Event

:page_facing_up: License

This project is licensed under the MIT License. Feel free to use, modify, and contribute back to the community.

:speech_balloon: Support

If you have any questions or encounter issues, please open an issue on the GitHub repository or ask in the MIT App Inventor community.

6 Likes
2

Awesome :sparkling_heart::rocket:

If possible add these:

  1. can u add timimg (milisec) property to slide image because, i notice image take diff diff time to slide means 4s, 9s, 3s etc.
  2. the image all time came from server on slide or its save as a cache & delete it after close the apk.
  3. add property to display images as streach, fit, center etc.
  4. i check in compainion and apk both not support asset image
  5. add resume() as Stop()
  6. AdClicked(url: String) not work, it shows error when i click on the banner
2 Likes
3

Thank you very much for the feedback. I will add the improvements soon as I am also using it for a personal project.