# Media File Manager

{% embed url="<https://www.youtube.com/watch?t=838s&v=98LKgphFSCY>" %}

**Media File Manager** allows you to manage your media files in various formats easily and provides convenient access to them.

To activate this feature, go to **MS LMS > Addons** and enable the **Media File Manager** add-on.

<figure><img src="/files/sjInKobt12M9auKHhag3" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Each instructor's uploaded media files are **strictly confidential** and accessible **only to them**. The **Media File Manager** ensures that files remain private and are not shared with other instructors or unauthorized users. This guarantees the security of course materials, preventing unauthorized access or modifications. Administrators, however, retain the ability to manage and oversee media content to maintain platform integrity.
{% endhint %}

## Settings

The settings of the addon can be acces from the **WP Dashboard > Media File Manager** or by clicking the **gear** :gear: icon on the **Pro Addons** page:

<figure><img src="/files/S6tJeOxCzMdhoyfrzmIe" alt=""><figcaption></figcaption></figure>

Here is the overview of the Media File Manager addon settings:

<figure><img src="/files/91wNWPTRaYfB90Cx4oLx" alt=""><figcaption></figcaption></figure>

* **Max File Size** - specify the maximum file size that can be uploaded via Media File Manager in MBs.
* **Allowed File Extension** - this field is used to restrict the types of files that can be uploaded. Any file not matching the listed extensions will be rejected by the system and user get an error message. To add multiple extensions, separate them with commas as shown in the screenshot.
* **Use Unsplash Images** - the setting activates the integration with [**Unsplash**](http://unsplash.com/)**.**
  * **Unsplash Acces Key** - provide the special key from Unsplash to use the feature. First, you have to [**obtain it**](#how-to-obtain-unsplash-access-key). The feature is totally free of charge.
* **Use Pexels Images and Videos** - the setting activates the integration with [**Pexels**](http://pexels.com/).
  * **Pexels API Key** - provide the special key from Pexels to use the feature. First, you have to [**obtain it**](#how-to-obtain-pexels-api-key). The feature is totally free of charge.
* **Use Pixabay Images and Videos** - the setting activates the integration with [**Pixabay**](http://pixabay.com/).
  * **Pixabay API Key** - provide the special key from Pixabay to use the feature. First, you have to [**obtain it**](#how-to-obtain-pixabay-api-key). The feature is totally free of charge.

{% hint style="info" %}
The maximum file size should not exceed the limits of the **Server (Max Upload Size):**\
[**System Requirements**](/masterstudy-lms/getting-started-1/system-requirements.md).&#x20;
{% endhint %}

If you try to upload any file larger than the maximum size that you set in **Settings,** you will get the following error message:

![](/files/LvWtaBHhel8ikkwUAgdI)

If you try to upload a file with an extension that you did not specify as an allowed file format, you will get the following error message:

<figure><img src="/files/lYW7WRr6K3fsZcvs2BeZ" alt=""><figcaption></figcaption></figure>

## Media Gallery Overview

When you click on any media file upload button inside **MasterStudy LMS**, the **'Media Gallery'** window will appear. It has been organized into several tabs:

<figure><img src="/files/yy6xnHOg3lRS5FwIHHco" alt=""><figcaption></figcaption></figure>

Here is the breakdown of the **Media File Manager** by tabs:

* **Explore** - this tab is a result of[ **integrations** ](#addon-integrations)with popular free stock, royalty free image and video search platforms like **Unsplash**, **Pixabay** and **Pexels**. You can search and use the media from them without leaving the Media File Manager. You have to turn on the integaration and provide necessary keys to activate the feature.
* **Library** - the consists of list of files stored on your website. You can use searching and filtering options to choose the necessary one. Additinally, you can rename and delete files from here.
* **Upload** - you can use thistab to upload new files to your website from your computer or via URL link,
* **AI Generate** - this tab is a part of [**AI Lab**](/masterstudy-lms/lms-pro-addons/ai-lab.md) addon. You can generate visuals [**based on your prompt**](/masterstudy-lms/lms-pro-addons/ai-lab.md#image-generation-with-ai). To make the feature work, **AI Lab** addon should be enabled and [**configured** ](/masterstudy-lms/lms-pro-addons/ai-lab.md#ai-lab-addon-settings)accordingly.

## How It Works

You can benefit from this feature in several situations where file uploading is involved such as **Uploading Course featured images:**

![](/files/a7eNgj3jniSaRY1SLnct)

While attaching course materials, the **"Media Gallery"**  will be available:

<figure><img src="/files/1sX68baCBTi73YtY9kwc" alt=""><figcaption></figcaption></figure>

### **Lessons**

The **'Media Gallery'**  window will appear when you upload the **Lesson Materials** while editing the **Lessons** image:

<figure><img src="/files/getEljU4xzVXo5mHoni4" alt=""><figcaption></figcaption></figure>

You can also take advantage of this feature while uploading a "**Video**" and **'Video Poster'** for video lesson type.

![](/files/q6p5Mk3Ws4vhkKsVkymo)

### Quizzes

When you add a new question and prefer it to be an image, the **Media Gallery** window will be available right after clicking the **'Image'** button:

![](/files/szsI04Tix4grz7EX0eT9)

It does not matter what type of question you want to add, this feature is available for all of them:

![](/files/Z1dg71wQapE1ixDuzxqs)

You can also add the answer to your question as an image with **Media Gallery**. To activate this feature, do not forget to click the **'Image'** icon on the right:

![](/files/sxkIZHtX1iCo0ZWv3F1X)

### **Bundles**

You can access the **Media Gallery** while creating a new Bundle by clicking the '**Upload Image'** button:

<figure><img src="/files/XVZBq4qhz8gJqR4ttdtx" alt=""><figcaption></figcaption></figure>

## Addon Integrations

Media File Manager of MasterStudy can be used with three popular royalty-free images & royalty-free stock platforms. You can easily get media from these platforms right in the Media File Manager without leaving the MasterStudy.&#x20;

To access the feature, simply move to the <kbd>Explore</kbd> tab and choose the necessary platform to search media:

<figure><img src="/files/1mP1u7iCb0ek7heV4iUx" alt=""><figcaption></figcaption></figure>

Based on the chosen platform, you can choose to get image or video and it's type:

<figure><img src="/files/OjHoT50OPYwijRRUnN86" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="187">Integration</th><th width="134" data-type="checkbox">Image</th><th width="134" data-type="checkbox">Video</th><th data-type="checkbox">Types (Orientation, Portrait,  Landscape tc.)</th></tr></thead><tbody><tr><td>Unsplash</td><td>true</td><td>false</td><td>false</td></tr><tr><td>Pexels</td><td>true</td><td>true</td><td>false</td></tr><tr><td>Pixabay</td><td>true</td><td>true</td><td>true</td></tr></tbody></table>

### How to Obtain Unsplash Access Key

It's a completely free and pretty straightforward process.

{% stepper %}
{% step %}
Go to <https://unsplash.com/oauth/applications>. If you do not have an existing developer account, you will be required to create one.&#x20;

{% hint style="info" %}
If you create a new account, make sure you confirm your email address. Unless you confirm your email address, you will not be able to create new applications.
{% endhint %}

<figure><img src="/files/eLegtJrsZLlQV1VvuhE7" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}
Click on the **New Application** to create a new one:

<figure><img src="/files/nBQehthknNU8qCcJKXnK" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}
On the next step, you will be asked to **accept** the **API Use and Guidelines.** Kindly check all of the options and click on <kbd>Accept Terms</kbd>:

<figure><img src="/files/8YLhr5YQduNpn9dzQUfX" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}
Name your app  and provide a description, then click on <kbd>Create Application</kbd> button:

<figure><img src="/files/3kw4mVWjwC7czEEYQK2T" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}
You will be redirected to the application page. Scroll down and find your **Access Key:**

<figure><img src="/files/zX4J4u11WDj2uWVrHjYc" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}
Paste this key into the[ **addon settings**](#settings), into the designated area, and save the settings:

<figure><img src="/files/wzrt8gGgycxHLOQnKWKX" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
**That's all, you are ready to use the integration** :tada:
{% endhint %}
{% endstep %}
{% endstepper %}

### How to Obtain Pexels API Key

Getting credentials from Pexels is also a free and easy to follow process.

{% stepper %}
{% step %}
Follow this link <https://www.pexels.com/api/> and sign in. If you do not have an existing developer account, you will be required to create one.

<figure><img src="/files/g4BgwwovJ48ml0fhA7OG" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}
Click on the <kbd>Your API Key</kbd> button:

<figure><img src="/files/XIH64h4G5lQAkZGGqfHZ" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}
Provide the necessary information as shown below:

<figure><img src="/files/OKXHbVDVR9H7l9LSPh48" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}
That's it. Now you can copy your **API Key:**

<figure><img src="/files/3Pn2me7W80pZRLfGCUZa" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}
Paste the API key to the designated are in the[ **addon settings:**](#settings)

<figure><img src="/files/pitbB6qKXFvbkL7tZXMY" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
That's all, you are **ready to use** the integration :tada:
{% endhint %}
{% endstep %}
{% endstepper %}

### How to Obtain Pixabay API Key

It's a completely free and pretty straightforward process as other two integrations.

{% stepper %}
{% step %}
Go to <https://pixabay.com/api/docs/> and sign in. If you do not have an existing account, you will be required to create one.&#x20;

<figure><img src="/files/jgYtXCbcFYfJxCsYx92j" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}
On the same page, scroll down to the section **Parameters** and cpoy your **Key** from here:

<figure><img src="/files/6hPRTJqAyk4pfbpwyfYq" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}
Paste the key to the designated are in the [**addon settings** ](#settings)and save the changes:

<figure><img src="/files/xZA4UR5CWEIWRLWPVIZD" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
That's all, you are **ready to use** the integration :tada:
{% endhint %}
{% endstep %}
{% endstepper %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.stylemixthemes.com/masterstudy-lms/lms-pro-addons/media-file-manager.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.