How to Create Media Player Module?

Using the Media Player module you can play your Google Drive Audio and Video media files inside your WordPress website.

Step-1: Choose Media Player Module

To create a Media Player Module, click on the Shortcode Builder menu from the admin dashboard menu. Create a new Shortcode > select the Media Player module from the Types tab.

Rename the shortcode title from the top left side of the WordPress dashboard depending on your project type.

Step-2: Configure Source Tab

Now you will be redirected to the Source tab. Here you need to select your media files from your linked Google Drive. Select your media files by pressing the plus sign.

You will discover your selected files, in the selected files list section of your screen. You can drag them up or down to change their orders.

Discovered a couple of new settings options named All Folders & Files and Use Private Files. Let’s introduce you to them.

• All Folders & Files: If All Folders & Files is enabled, visitors can navigate through all the media files, of your all linked Google Drive accounts.
• Use Private Files: On the other hand, if Use Private Files is turned on, display the private files and folders linked to the user. Click Next.

Step-3: Configure Filter Tab

Now you are in the Filter Tab. Where you can customize each and every media file that you want to display or hide.

• Allowed Extensions: Enter comma (,) separated file extensions to allow, such as “jpg, png, gif”. Leave empty to show all extension files. When “Allow all” is enabled, exceptions will not be displayed.
• Allowed Names: Enter file and folder names, separated by commas, to display. Leave blank to display all files and folders. When “Allow all” is enabled, exceptions will not be displayed.
• Maximum File Numbers: Enter the maximum number of how many files you want to show. Leave empty to show all files. Click Next.

Step-4: Configure Advanced Tab

From the next Advanced Options, You can customize your media player and files depending on what’s going on in your mind.

• Module Container: Set the module container width and height. You can use any valid CSS unit (pixels, percentage), eg ‘360px’, ‘780px’, ‘80%’. Keep blank for a default value.
• Show Next/ Previous: Show/ hide the next/previous buttons in the player.
• Show Loop Button: Show/ hide the loop button in the player.
• Show Shuffle Button: Show/ hide the shuffle button in the player.
• Show Playlist Button: Show/hide the playlist toggle button in the player controls.
  • Opened Playlist: This should be the playlist opened by default.
  • Playlist Position: Select the playlist position in the player (Bottom, Left, or Right)
• Sorting: Select file sorting and direction. Now click Next.

Step-5: Configuring Notifications Tab

Now you will be redirected to the Notifications tab where you will customize notification settings configuration.

• Enable Notifications: Enable email notifications to get notified on various user activities (upload, download, delete, etc).
  • Download Notification: Receive an email notification whenever files are downloaded through this module.
  • Media Play Notification: Receive email notifications whenever someone plays audio/video files through this module.
  • Search Notification: Receive email notifications whenever someone searches for media files through this module.
• Notification Recipients: Enter the email address where the notifications will be sent. Add multiple email addresses by separating them with a comma (,). You can also set the below placeholder tags as the email recipient. Ex: %admin_email%, %user_email%, %linked_user_email%
  • Skip Current User Notification: Enable to skip the notification for the user that executes the action.

Step-6: Configuring Permissions Tab

Now you will be redirected to the Permissions tab. Here you will mostly work on permission-related tasks for your Media Player.

• Download: Allow users to download files.
  • Filter Users & Roles: Select users & roles who can download files.
• Allow Search: Allow users to search for files.
  • Full-text Search: Allows searching in file content, descriptions, tags, and other metadata.
  • Initial Search Term: Set initial search terms if you want to start a search when the shortcode is rendered. Please note that this only affects the initial render. You can also set dynamic placeholder tags to the initial search term. Ex: %post_id%, %post_title%, %post_slug%
  • Filter Users & Roles: Select users & roles who can search for files.
• Display for: Using this option you can allow permission of your media files to everyone and logged-in users. You can also filter manually by user roles or any specific users.

Click Save Changes and copy the shortcode from the shortcode builder page.

Now you can use the shortcode to display your Google Drive media files inside a responsive media player with the help of the Media Player module, inside any posts or pages.