---
title: Media Library
description: Upload, filter, and organise the images and video your playlists draw from, and remove media you no longer need from the Loopvew library.
icon: clapperboard
sidebar:
  icon: clapperboard
---

<Frame caption="The Media Library — stats across the top, every upload as a card below.">
  ![Loopvew Cloud Signage Library Overview.](/blume-assets/content/src/content/docs/images/library/library_view.webp)
</Frame>

## Library Overview

**Library Stats:** top bar shows the library stats:
    - **Total Files:** Total Number of Media Files.
    - **Total Images:** Total Number of Images.
    - **Total Videos:** Total Number of Videos.
    - **Total Storage Used:** Total storage used by all media files.

**Library List Card:** list card of all uploads with following details:
    - **Media Name:** Name of the media.
    - **Media Resolution:** Resolution of the media.
    - **Media Size:** Size of the media.
    - **Uploaded Date:** Upload time from today.
    - **Action:** at bottom of the card you have download and delete actions. 

## View All Media Files

Open the **Library** tab to see every image and video you've uploaded.

1. Click on the **Library** tab in the left sidebar.

   <Frame caption="The Library lists every image and video you've uploaded.">
     ![Loopvew Cloud Signage Library Overview.](/blume-assets/content/src/content/docs/images/library/library_view.webp)
   </Frame>

{/* ### View All Widgets
**Step 1:** Click on the **`Library`** tab in the left sidebar.
**Step 2:** Select the **`All Widgets`** button at the top of the page. */}

{/* ### View All Unapproved Files
**Step 1:** Click on the **`Library`** tab in the left sidebar.
**Step 2:** Select the **`Unapproved Files`** button at the top of the page. */}

## Upload a File

Upload media from the **Upload Media** button — drag files in or browse your device.

1. Click on the **Library** tab in the left sidebar.
2. Select the **Upload Media** button located above list card view.
3. In the pop-up window, you have two options to upload files:

   - **Drag and Drop:** Drag and drop your files into the designated area.
   - **Browse Files:** Click **Upload Files** to select files from device.
   
   <Frame caption="The Upload Media dialog — drag files in or browse your device.">
     ![Loopvew Cloud Signage Upload Content to Library.](/blume-assets/content/src/content/docs/images/library/upload_content_to_library.webp)
   </Frame>
4. Choose the files you wish to upload from your device.

   <Frame caption="Selecting media files from your device.">
     ![Loopvew Cloud Signage Selecting Content from Device.](/blume-assets/content/src/content/docs/images/library/selecting_content_from_device.webp)
   </Frame>
5. Once the file is selected, it will appear in the upload area.

   <Frame caption="The selected file staged in the upload area, ready to upload.">
     ![Loopvew Cloud Signage Selected Content from Device.](/blume-assets/content/src/content/docs/images/library/selected_content_from_device.webp)
   </Frame>
6. Click on the **Upload Button** to start the upload process.

## View Only Photo/Video Files

Filter the library to just images or just videos with the **File Types** filter.

1. Click on the **Library** tab in the left sidebar.
2. Click on **File Types** button and select the type.

   <Frame caption="Filtering the library by file type.">
     ![Loopvew Cloud Signage Library Filter By Type.](/blume-assets/content/src/content/docs/images/library/library_filter_by_type.webp)
   </Frame>

{/* ### Check the Media Analytics of a File
**Step 1:** Click on the **`Library`** tab in the left sidebar.
**Step 2:** Locate the file for which you want to view analytics.
**Step 3:** Click on the **`Analytics`** button associated with the file.
**Step 4:** Review the **`Media Analytics`** for the selected file. */}

## Search a File

Find a file by name with the **Filter by Name** search input.

1. Click on the **Library** tab in the left sidebar.
2. Use the **Filter by Name Search** input to search for a file by name.

   <Frame caption="Searching the library by file name.">
     ![Loopvew Cloud Signage Library Overview.](/blume-assets/content/src/content/docs/images/library/library_view.webp)
   </Frame>

{/* ### View the Media in List View
**Step 1:** Click on the **`Library`** tab in the left sidebar.
**Step 2:** Toggle on the **`List View`** option located to the right of the **`New Folder`** button. */}

{/* ### Edit a File
**Step 1:** Click on the **`Library`** tab in the left sidebar.
**Step 2:** Locate the file you want to edit.
**Step 3:** Click on the ✏️ **`Edit`** button associated with the file.
**Step 4:** Make the desired changes in the file editing interface.
**Step 5:** Save your changes by clicking the **`Update`** button. */}

{/* ### Create a Folder
**Step 1:** Click on the **`Library`** tab in the left sidebar.
**Step 2:** Click on the **`+New Folder`** button.
**Step 3:** Enter the Folder name in the modal popup window.
**Step 4:** Click on the **`Create`** button. */}

{/* ### Delete a Folder
**Step 1:** Click on the **`Library`** tab in the left sidebar.
**Step 2:** Click on the folder you want to delete.
**Step 3:** Click on the **`Delete`** button associated with the folder.
**Step 4:** Confirm the deletion by clicking the **`Continue`** button in the confirmation dialog. */}

{/* ### Move Files to a Folder
**Step 1:** Click on the **`Library`** tab in the left sidebar.
**Step 2:** Select the checkboxes next to the files you want to move.
**Step 3:** Click on the **`Move Files`** button.
**Step 4:** In the pop-up window, choose the destination folder for the files.
**Step 5:** Click on the **`Move Files`** button to confirm and save your changes. */}

{/* ### Preview Files & Details
**Step 1:** Click on the **`Library`** tab in the left sidebar.
**Step 2:** Click on the Image or Video of a particular file to preview the file and its details. */}

## Filter Files by Upload Date and Size, and Name.

Sort the library by upload date, size, or name with the **Newest First** filter.

1. Click on the **Library** tab in the left sidebar.
2. Use the **Newest First** filter located beside the **File Types** button.

   <Frame caption="Sorting and filtering the library by date, size, or name.">
     ![Loopvew Cloud Signage Delete Media File.](/blume-assets/content/src/content/docs/images/library/library_files_filter.webp)
   </Frame>
3. Select the desired filter option from the dropdown menu to sort files by upload date, size, or name.

## Delete a File

Delete a media file from its **Delete** action, then confirm.

1. Click on the **Library** tab in the left sidebar.
2. Locate the file you wish to delete.
3. Click on the **Delete Button** associated with the file.

   <Frame caption="Locate the file and open its delete action.">
     ![Loopvew Cloud Signage Delete Media File.](/blume-assets/content/src/content/docs/images/library/library_view.webp)
   </Frame>
4. Confirm the deletion by clicking the **Delete Button** in the dialog.

   <Frame caption="Confirming deletion of a media file.">
     ![Loopvew Cloud Signage Delete Media File.](/blume-assets/content/src/content/docs/images/library/delete_media_file.webp)
   </Frame>

{/* ### Create a Widget
**Step 1:** Click on the **`Library`** tab in the left sidebar.
**Step 2:** Select the **`Widgets`** tab.
**Step 3:** Choose the type of Widget you want to create.
**Step 4:** Click on the **`+Add New`** button.
**Step 5:** Fill in the required fields in the modal popup and click the **`Save`** button to create the Widget. */}

{/* ### Edit a Widget
**Step 1:** Click on the **`Library`** tab in the left sidebar.
**Step 2:** Select the **`Widgets`** tab.
**Step 3:** Choose the type of Widget you want to edit.
**Step 4:** Click on the **`✏️`** button.
**Step 5:** Fill in the required fields in the modal popup and click the **`Save`** edit to create the Widget. */}

{/* ### Delete a Widget
**Step 1:** Click on the **`Library`** tab in the left sidebar.
**Step 2:** Select the **`Widgets`** tab.
**Step 3:** Choose the type of Widget you want to delete.
**Step 4:** Click on the **`Delete`** button. */}