Making a demo media player using flutter

The flutter framework can be used to easily integrate audio and videos from local devices as well as the internet. I used flutter through the IDE VScode, here I have used the video_player, audioplayers and assets_audio_player packages. I have installed them by adding them under the dependencies as shown below.

I started the coding by defining the main function, followed by the stateless widget. After defining the basic code by referencing the flutter site, I worked on improving the User Interface by setting appealing colours to the background and widgets.

Since the ratios weren’t very appealing in the first try, I tried out different ratios and finally it resulted in a beautiful media player with buttons to play, pause and stop the video and audio.

The final app looked like this.