Skip to main content

Media Library

The Media Library is where you upload, organize, and manage all your images and videos for digital signage content.

Overview​

The Media Library allows you to:

  • Upload images and videos
  • Organize media files
  • Search and filter content
  • Preview media files
  • Delete unwanted files
  • Download media files

Accessing Media Library​

Navigate to Media Library from the sidebar menu to view all your uploaded media files.

![Screenshot: Media Library page showing a table/list of media files with columns for Type (icon), Filename, Format, Size, Uploaded date, Tags, and Actions. Should show a mix of images and videos with their respective icons.]

Media Library View​

Media Table Columns​

The media table displays:

  • Type: Icon indicating image or video
  • Filename: Name of the uploaded file
  • Format: Media type (image/video)
  • Size: File size in MB
  • Uploaded: Date and time of upload
  • Tags: Associated tags (if any)
  • Actions: Menu for media operations

![Screenshot: Close-up of the media table showing several rows with different media types - images showing image icons, videos showing video camera icons. Should highlight the type column and show various file sizes and dates.]

Filtering Media​

Filter your media library:

  1. Use the Search box to find files by name or tags
  2. Use the Type dropdown to filter by:
    • All Types
    • Images
    • Videos

![Screenshot: Filter controls showing a search box with search icon and a Type dropdown menu. Should show the search box with placeholder text "Search media by name or tags..." and the Type dropdown with "All Types" selected.]

Uploading Media​

Upload Methods​

You can upload media files in two ways:

Method 1: Upload Button​

  1. Click the "Upload Media" button (top-right)
  2. Select one or multiple files from your computer
  3. Wait for upload to complete
  4. Files will appear in your media library

![Screenshot: Upload button clicked showing a file browser dialog open, with multiple image and video files selected. Should show file types and sizes in the file browser.]

Method 2: Drag and Drop​

  1. Scroll to the drag-and-drop zone at the bottom of the page
  2. Drag files from your computer into the drop zone
  3. Release to start upload
  4. Files will upload automatically

![Screenshot: Drag-and-drop zone showing a dashed border box with cloud upload icon, text saying "Drag and drop files here" and "or click to browse", with supported formats listed below. Should show visual feedback when files are dragged over it.]

Supported File Formats​

Images:

  • JPG/JPEG
  • PNG
  • GIF
  • BMP

Videos:

  • MP4
  • MOV
  • AVI
  • WebM

File Size Limits:

  • Maximum file size: 100MB per file
  • Recommended: Under 50MB for optimal performance

![Screenshot: Upload area showing supported formats listed: "Supported formats: JPG, PNG, MP4, MOV (Max 100MB)" with icons or visual indicators for each format type.]

Upload Progress​

During upload, you'll see:

  • Progress bar showing upload percentage
  • File name being uploaded
  • Upload status messages

![Screenshot: Upload progress indicator showing a progress bar at 45%, text saying "Uploading 45%...", and the filename being uploaded displayed below. Should show this during an active upload.]

Upload Best Practices​

  • Optimize Files: Compress images/videos before uploading
  • Use Descriptive Names: Name files clearly (e.g., "Product_Launch_2024.jpg")
  • Organize by Tags: Add tags during or after upload
  • Check File Size: Ensure files are under 100MB
  • Test Formats: Verify compatibility before bulk uploads

Managing Media Files​

Viewing Media​

To view a media file:

  1. Click on the filename in the table, or
  2. Click Actions menu → Download to download and view

![Screenshot: Media file preview or download dialog showing options to view or download a media file. Could show a thumbnail preview for images or a video player for videos.]

Searching Media​

Use the search box to find files:

  • Search by filename
  • Search by tags
  • Partial matches are supported
  • Search is case-insensitive

![Screenshot: Search box with text entered showing filtered results. Should show "Search media by name or tags..." placeholder, and when typing, show filtered results below.]

Media Actions Menu​

Access media actions via the three-dot menu:

  • Download: Download the file to your computer
  • Delete: Remove file from library (cannot be undone)

![Screenshot: Actions menu dropdown for a media file showing Download (with download icon) and Delete (with trash icon in red). The menu should be positioned next to a media file row.]

Deleting Media​

To delete a media file:

  1. Click the Actions menu for the file
  2. Select "Delete"
  3. Confirm deletion (if prompted)
  4. File will be removed from library

Warning: Deleting media that's used in playlists may affect those playlists. Check playlist usage before deleting.

![Screenshot: Delete confirmation dialog showing a warning message like "Are you sure you want to delete this file? This action cannot be undone." with Cancel and Delete buttons.]

Organizing Media​

Using Tags​

Tags help organize and find media:

  • Add tags when uploading (if supported)
  • Edit tags after upload
  • Search by tags
  • Filter by tags

![Screenshot: Media file with tags displayed as chips/badges next to the filename. Should show tags like "Marketing", "Product", "2024" as colored chips.]

File Naming Conventions​

Use consistent naming:

  • ✅ Good: "Summer_Sale_Banner_2024.jpg"
  • ✅ Good: "Q1_Product_Video.mp4"
  • ❌ Avoid: "IMG_1234.jpg", "video1.mp4"

Folder Organization​

While the Media Library uses a flat structure, you can organize by:

  • Tags: Use tags as virtual folders
  • Naming: Use prefixes in filenames
  • Dates: Include dates in filenames

Media File Information​

Viewing File Details​

Each media file shows:

  • Filename: Original upload name
  • Type: Image or Video
  • Size: File size in MB
  • Upload Date: When file was uploaded
  • Tags: Associated tags
  • Usage: Which playlists use this file (if available)

![Screenshot: Media file detail view or tooltip showing comprehensive information about a file including filename, type, size (e.g., "2.5 MB"), upload date (e.g., "Jan 15, 2024"), tags, and playlist usage count.]

Bulk Operations​

For managing multiple files:

  • Select multiple files (if checkboxes available)
  • Bulk delete selected files
  • Bulk add tags
  • Export file list

![Screenshot: Bulk selection interface showing checkboxes next to media files, with bulk action buttons like "Delete Selected" or "Add Tags" at the top of the media list.]

Media Library Best Practices​

File Preparation​

Before uploading:

  • Optimize Images: Compress images to reduce file size
  • Video Encoding: Use MP4 format with H.264 codec
  • Resolution: Match your display resolution (e.g., 1920x1080)
  • Aspect Ratio: Use 16:9 for landscape displays

Organization Tips​

  • Consistent Naming: Use a naming convention
  • Tag Everything: Add relevant tags
  • Regular Cleanup: Remove unused files
  • Archive Old Content: Keep library manageable

Performance Considerations​

  • File Size: Smaller files load faster
  • Format: Use recommended formats
  • Quantity: Avoid uploading thousands of files at once
  • Network: Upload during off-peak hours for large files

Troubleshooting Media Uploads​

Upload Failed​

If upload fails:

  1. Check File Size: Ensure under 100MB
  2. Verify Format: Use supported formats
  3. Check Connection: Ensure stable internet
  4. Try Again: Retry the upload
  5. Contact Support: If issues persist

File Not Appearing​

If uploaded file doesn't appear:

  1. Refresh the page
  2. Check upload progress completed
  3. Verify file wasn't filtered out
  4. Check for error messages

Wrong File Uploaded​

If you uploaded the wrong file:

  1. Delete the incorrect file
  2. Upload the correct file
  3. Update any playlists using the file

Media Usage in Playlists​

Before deleting media, check:

  • Which playlists use the file
  • If deletion will break playlists
  • Consider replacing instead of deleting

![Screenshot: Media file showing usage information like "Used in 3 playlists" with links to view those playlists, helping users understand file dependencies before deletion.]

Next Steps​

Now that you understand the Media Library:

Tip: Keep your media library organized with consistent naming and tags for easier content management!