mp3-player
Reactive icon

Mp3 Player

Stable version 1.0.0 (Compatible with OutSystems 11)
Uploaded
 on 11 October 2022
 by 
5.0
 (8 ratings)
mp3-player

Mp3 Player

Documentation
1.0.0

This forge component will help the End User to play the music file directly via the web browser on Reactive Web Apps.

Following are the steps to Install the component and use it in the End User Module.

1. Download and Install the MP3 Player component of Reactive Web Application Type.

2. In Manage Dependency of Your Application make sure that you add the dependency of a Web Block named "AudioPlayerBlock" which has a mandatory input Parameter Named MP3 File.

3. Drag and Drop the Web Block on the User Canvas and pass the required Binary File as input to the Web Block that is being used on the Screen.

4. Make Sure that the parameter that you are passing to the web block is of Binary type and has stored the MP3 audio file of the song you wish to play.

5. The Web Block has the following features to control your Music. It has one Input Parameter named "MP3File" a local variable named "Base" and a screen action called "OnParametersChanged" which helps us to achieve the following objectives.

  • It will display the total time of the music.
  • It will have control to Adjust the playback speed of the music.
  • the user can pause and play the music
  • The user can fast-forward the music.


6. This component is easy to use and provides a better understanding. 


The Component uses a server action that has Reference to the Binary Data extension and uses the "Binary ToBase64" action associated with it.

Thank you, I am open to suggestions and any changes if needed. Your feedback is important to us.