Adding Audio And Video Control In Microsoft PowerApps

Before reading this article, please go through some important article links, given below,

In PowerApps, we can Add the Audio and Video Control.

Audio & Video Control

An Audio control plays a sound clip from a file, a recording from a Microphone control, or the audio track from a video file. A Video control plays a video clip from a file or from YouTube if you specify a URL.

Follow the below steps to work with Audio & Video Button in PowerApps

Step 1

Log into the PowerApps

After downloading the PowerApps from the window store, here we need a Microsoft related organization’s Office 365 ID or (MSDN, Microsoft, Skype, Office 365 etc.,), to login with it.

PowerApps

Step 2

Create a New App in PowerApp

After Login, we can see the Dashboard. There we click on the New button.



Step 3

Choose the Blank App

PowerApps

Step 4

Designing the App

Now, let's start designing the App. In the left side we can see the Individual Screens for adding our data. In the Right side we see the List of Layouts. In the Top we see the formula bar. There you see the Properties of the screen you select. In the Right Side we see the Add Data Source to add the External data Source.

PowerApps

Step 5

Choose the Audio File

  1. Click on the File Menu

    PowerApps

  2. Choose the Media and click on the Audio. Then tap on Browse

    PowerApps

  3. Choose the Audio File

    PowerApps

  4. Audio File Added.

    PowerApps

Step 6

Choose the Video File

  1. Choose the Media and click on the Video. Then tap on Browse

    PowerApps

  2. Choose the Video File

    PowerApps

  3. Video File Added.

    PowerApps

Step 7

Drag and Drop the Audio Control

  1. Go to the Insert menu then click on the Media and Drag the Audio tool.

    PowerApps

  2. Drop the Audio tool on the Screen and Resize it.

    PowerApps

  3. Add the Options

    PowerApps

Select the Audio Button and Add the Audio file (Birds) to the Media Event.

Step 8

Drag and Drop the Video Control

  1. Go to the Insert menu then click on the Media and Drag the Video tool.

    PowerApps

  2. Drop the Video tool on the Screen and Resize it.

    PowerApps

  3. Add the Options

    PowerApps

Select the Video Button and Add the Video file (Lotus) to the Media Event.

Step 9

Run the App

PowerApps

Output 1

Main Screen

PowerApps

Output 2

Click on the Audio.

PowerApps

Output 3

Click on the Video.

PowerApps

Both are Playing Simultaneously

Conclusion

I hope you understood the How to Add the Audio and Video Control in Microsoft PowerApps and how to run it.