PHPackages                             itstudioat/mediamanager - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. itstudioat/mediamanager

ActiveLibrary

itstudioat/mediamanager
=======================

This is my package mediamanager

v1.0.5(8mo ago)03MITVuePHP ^8.3CI passing

Since Jun 5Pushed 8mo agoCompare

[ Source](https://github.com/ITStudioAT/mediamanager)[ Packagist](https://packagist.org/packages/itstudioat/mediamanager)[ Docs](https://github.com/itstudioat/mediamanager)[ GitHub Sponsors](https://github.com/itstudioat)[ RSS](/packages/itstudioat-mediamanager/feed)WikiDiscussions main Synced 1mo ago

READMEChangelogDependencies (12)Versions (6)Used By (0)

This is my package mediamanager
===============================

[](#this-is-my-package-mediamanager)

[![Latest Version on Packagist](https://camo.githubusercontent.com/e2aa4a4da7bdc477c6888df91cd807d80e10e2de6abf73cbdb1a900fee075a22/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f697473747564696f61742f6d656469616d616e616765722e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/itstudioat/mediamanager)[![GitHub Tests Action Status](https://camo.githubusercontent.com/ef1fffe71ba51ebfdea9f93dd2f334172ecae16edcc4b0d04ff5030143487cb7/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f616374696f6e732f776f726b666c6f772f7374617475732f697473747564696f61742f6d656469616d616e616765722f72756e2d74657374732e796d6c3f6272616e63683d6d61696e266c6162656c3d7465737473267374796c653d666c61742d737175617265)](https://github.com/itstudioat/mediamanager/actions?query=workflow%3Arun-tests+branch%3Amain)[![Total Downloads](https://camo.githubusercontent.com/c25fc6a0fd229d9566f271d7b05ef3339da4b6699cd329a1e4bbe7ea371ade28/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f697473747564696f61742f6d656469616d616e616765722e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/itstudioat/mediamanager)

Installation
------------

[](#installation)

You can install the package via composer:

```
composer require itstudioat/mediamanager
```

Now publish the files to the folder vendor/mediamanager. Also publish the config-file

```
php artisan vendor:publish --tag="mediamanager-config"
```

In the config-file you may adapt the needed\_role, which is the spatie-role, that the user must have to use the mediamanager. If it is empty, no role is needed.

```
return [
    ...
    'needed_role' => 'mediamanager_admin'
    ...
];
```

Include this in composer.json:

```
    "autoload": {
        "psr-4": {
            ...
            "Itstudioat\\Mediamanager\\": "vendor/itstudioat/mediamanager/"
        }
    },
```

The paths to the components (/vendor/itstudioat/mediamanager/routes/routes.js) should be correct by default

```
    {
        path: '/hpm/admin/mm',
        name: 'media.index',
        component: () => import('../js/pages/admin/index/Index.vue'), // or actual path
        meta: {
            title: 'Media Manager',
        },
    {
        path: '/admin/mm/select',
        name: 'media.select',
        component: () => import('../js/pages/admin/select/Select.vue'), // or actual path
        meta: {
            title: 'Media Manager Selection',
        },
```

In the admin.js (or whereever) include the mediamanager-routes dynamically:

```
...
import mediaRoutes from '../../vendor/itstudioat/mediamanager/resources/routes/routes'
...
const routes = [
    { path: '/admin', component: Index },
    ...mediaRoutes,
];
```

Import the css-file into your resources/css/app.js (or admin.js), then you can use classes like *.mm-bg-folder*

```
    ...
    import '../../../vendor/itstudioat/mediamanager/resources/css/mediamanager.css';
    ...
```

Import the themes-file into your resources/plugins/admin.js

```
    ...
    import {
    mediamanagerLightTheme,
    mediamanagerDarkTheme,
    } from '../../vendor/itstudioat/mediamanager/resources/plugins/mediamanager.js'
    ...

const lightTheme = {
    dark: false,
    colors: {
        ...
        // For errors, alerts
        error: '#E53935',           // red.darken1

        ...mediamanagerLightTheme.colors,
    },

const darkTheme = {
    dark: true,
    colors: {
        ...
        // For errors, alerts
        error: '#EF5350',           // red.lighten2
        ...mediamanagerDarkTheme.colors,
    },
```

Needed Packages (installed by default)
--------------------------------------

[](#needed-packages-installed-by-default)

### getID3() by James Heinrich

[](#getid3-by-james-heinrich)

```
composer require james-heinrich/getid3
```

### laravel-chunk-upload

[](#laravel-chunk-upload)

```
composer require pion/laravel-chunk-upload
```

### Spatie Image

[](#spatie-image)

```
composer require spatie/image
```

Vue Filepond
------------

[](#vue-filepond)

```
npm install vue-filepond filepond
npm install filepond-plugin-file-validate-type
npm install filepond-plugin-image-preview
```

Usage
-----

[](#usage)

Call the MadiaManager in this example with the path: hpm/admin/mm.

### Selecting a file with the MediaManager

[](#selecting-a-file-with-the-mediamanager)

Import the Component Select.vue

```
import Select from "../select/Select.vue";

components: { Select },
```

Call this component, maybe with something like this:

```

```

You will get the event **@abort**, if the user press abort or **@takeIt** if the user selects a file. The selectTakeIt looks like something like this:

```
        selectTakeIt(data) {
            console.log(data); // shows path and filename
            this.is_select = false;
        },
```

Testing
-------

[](#testing)

```
composer test
```

Changelog
---------

[](#changelog)

Please see [CHANGELOG](CHANGELOG.md) for more information on what has changed recently.

Contributing
------------

[](#contributing)

Please see [CONTRIBUTING](CONTRIBUTING.md) for details.

Security Vulnerabilities
------------------------

[](#security-vulnerabilities)

Please review [our security policy](../../security/policy) on how to report security vulnerabilities.

Credits
-------

[](#credits)

- [Guenther Kron](https://github.com/itstudioat)
- [All Contributors](../../contributors)

License
-------

[](#license)

The MIT License (MIT). Please see [License File](LICENSE.md) for more information.

###  Health Score

34

—

LowBetter than 77% of packages

Maintenance64

Regular maintenance activity

Popularity3

Limited adoption so far

Community6

Small or concentrated contributor base

Maturity55

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 100% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~21 days

Total

5

Last Release

251d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/5013e81880966e56939592ab659714ec39719ef1d0782846641d2f7588498011?d=identicon)[ITStudioAT](/maintainers/ITStudioAT)

---

Top Contributors

[![ITStudioAT](https://avatars.githubusercontent.com/u/30023847?v=4)](https://github.com/ITStudioAT "ITStudioAT (4 commits)")

---

Tags

laravelmediamanageritstudioat

###  Code Quality

TestsPest

Code StyleLaravel Pint

### Embed Badge

![Health badge](/badges/itstudioat-mediamanager/health.svg)

```
[![Health](https://phpackages.com/badges/itstudioat-mediamanager/health.svg)](https://phpackages.com/packages/itstudioat-mediamanager)
```

###  Alternatives

[vormkracht10/laravel-mails

Laravel Mails can collect everything you might want to track about the mails that has been sent by your Laravel app.

24149.7k](/packages/vormkracht10-laravel-mails)[spatie/laravel-prometheus

Export Laravel metrics to Prometheus

2651.3M6](/packages/spatie-laravel-prometheus)[hydrat/filament-table-layout-toggle

Filament plugin adding a toggle button to tables, allowing user to switch between Grid and Table layouts.

6292.3k1](/packages/hydrat-filament-table-layout-toggle)[scalar/laravel

Render your OpenAPI-based API reference

6183.9k2](/packages/scalar-laravel)[finller/laravel-media

A flexible media library for Laravel

472.1k](/packages/finller-laravel-media)[ralphjsmit/laravel-helpers

A package containing handy helpers for your Laravel-application.

13704.6k2](/packages/ralphjsmit-laravel-helpers)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)