# Varbase Media

Manages type of media contents and entity browsers in the site.

## Varbase Media Module

{% hint style="info" %}
Varbase media features are bundled through the **Varbase Media** module.\
GitHub: <https://github.com/Vardot/varbase_media>\
Drupal.org: <https://www.drupal.org/project/varbase_media>

After building a project using the `varbase-project` template, you can see the code of the **Varbase Media** module in:
{% endhint %}

```
project_directory
|-- docroot
    |-- modules
        |-- contrib
            |-- varbase_media
```

Brings in the following core and contributed modules to your site:

| Module                                                                                               | Purpose                                                                                                                                                                                                                                                                                                                                              |
| ---------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| <p><strong>User</strong></p><p><em>(in Drupal core)</em></p>                                         | Manages the user registration and login system.                                                                                                                                                                                                                                                                                                      |
| <p><strong>Block</strong></p><p><em>(in Drupal core)</em></p>                                        | Controls the visual building blocks a page is constructed with. Blocks are boxes of content rendered into an area, or region, of a web page.                                                                                                                                                                                                         |
| <p><strong>Custom Block</strong></p><p><em>(in Drupal core)</em></p>                                 | Allows the creation of custom blocks and block types.                                                                                                                                                                                                                                                                                                |
| <p><strong>Node</strong></p><p><em>(in Drupal core)</em></p>                                         | Allows content to be submitted to the site and displayed on pages.                                                                                                                                                                                                                                                                                   |
| <p><strong>Taxonomy</strong></p><p><em>(in Drupal core)</em></p>                                     | Enables the categorization of content.                                                                                                                                                                                                                                                                                                               |
| <p><strong>Path</strong></p><p><em>(in Drupal core)</em></p>                                         | Allows users to rename URLs.                                                                                                                                                                                                                                                                                                                         |
| <p><strong>File</strong></p><p><em>(in Drupal core)</em></p>                                         | Defines a field type for files.                                                                                                                                                                                                                                                                                                                      |
| <p><strong>Image</strong></p><p><em>(in Drupal core)</em></p>                                        | Defines a field type for image media and provides display configuration tools.                                                                                                                                                                                                                                                                       |
| <p><strong>Media</strong></p><p><em>(in Drupal core)</em></p>                                        | Manages the creation, configuration, and display of media items.                                                                                                                                                                                                                                                                                     |
| <p><strong>Media Library</strong></p><p><em>(in Drupal core)</em></p>                                | Enhances the media list with additional features to more easily find and use existing media items.                                                                                                                                                                                                                                                   |
| <p><strong>Breakpoint</strong></p><p><em>(in Drupal core)</em></p>                                   | Manages breakpoints and breakpoint groups for responsive designs.                                                                                                                                                                                                                                                                                    |
| [**Dynamic Responsive Image (or drimage)**](https://www.drupal.org/project/drimage)                  | Image formatter that will generate image styles on the fly on the front end.                                                                                                                                                                                                                                                                         |
| [**Dynamic Responsive Image (Drimage) – Improved**](https://www.drupal.org/project/drimage_improved) | <p>This module is a fork of the <a href="https://www.drupal.org/project/drimage">Drimage</a> module and should work as a drop-in replacement, however, it uses system file paths and falls back on the dynamic generation.<br>For more info, please check the <a href="https://www.drupal.org/project/drimage/issues/3283460">original issue</a></p> |
| [**Display Suite**](https://www.drupal.org/project/ds)                                               | Extend the display options for every entity type.                                                                                                                                                                                                                                                                                                    |
| [**Display Suite Extras**](https://www.drupal.org/project/ds)                                        | Contains additional features for Display Suite.                                                                                                                                                                                                                                                                                                      |
| [**Better Exposed Filters**](https://www.drupal.org/project/better_exposed_filters)                  | Provides advanced options (e.g. links, checkboxes, or other widgets) to exposed Views elements.                                                                                                                                                                                                                                                      |
| [**Crop API**](https://www.drupal.org/project/crop)                                                  | Provides storage and API for image crops.                                                                                                                                                                                                                                                                                                            |
| [**DropzoneJS**](https://www.drupal.org/project/dropzonejs)                                          | The Drupal integration for DropzoneJS.                                                                                                                                                                                                                                                                                                               |
| [**DropzoneJS entity browser widget**](https://www.drupal.org/project/dropzonejs)                    | DropzoneJS Entity browser widget.                                                                                                                                                                                                                                                                                                                    |
| [**Embed**](https://www.drupal.org/project/embed)                                                    | Provides a framework for different types of embeds in text editors.                                                                                                                                                                                                                                                                                  |
| [**Entity Browser**](https://www.drupal.org/project/entity_browser)                                  | Provide a generic entity browser/picker/selector.                                                                                                                                                                                                                                                                                                    |
| [**Entity Browser Enhance(d\|r)**](https://www.drupal.org/project/entity_browser_enhanced)           | Provides some behavior and style enhancements to Entity Browsers, specifically for multiselect and image/media browsers.                                                                                                                                                                                                                             |
| [**Entity Browser IEF**](https://www.drupal.org/project/entity_browser)                              | Entity browser inline entity form integration.                                                                                                                                                                                                                                                                                                       |
| [**Entity Embed**](https://www.drupal.org/project/entity_embed)                                      | Allows entities to be embedded using a text editor.                                                                                                                                                                                                                                                                                                  |
| [**Focal Point**](https://www.drupal.org/project/focal_point)                                        | Allows users to specify the focal point of an image for use during cropping.                                                                                                                                                                                                                                                                         |
| [**Views Infinite Scroll**](https://www.drupal.org/project/views_infinite_scroll)                    | A pager which allows an infinite scroll effect for views.                                                                                                                                                                                                                                                                                            |
| [**Media Bulk Upload**](https://www.drupal.org/project/media_bulk_upload)                            | Allows uploading files in bulk and converting them to media entities.                                                                                                                                                                                                                                                                                |
| [**Media Library Edit**](https://www.drupal.org/project/media_library_edit)                          | Add an edit button to the Media Library widget when an item is selected.                                                                                                                                                                                                                                                                             |
| [**Views Bulk Operations (VBO)**](https://www.drupal.org/project/views_bulk_operations)              | Adds an ability to perform bulk operations on selected entities from view results.                                                                                                                                                                                                                                                                   |
| [**Views Bulk Edit**](https://www.drupal.org/project/views_bulk_edit)                                | Allows bulk edition of entity field values.                                                                                                                                                                                                                                                                                                          |
| [**Blazy**](https://www.drupal.org/project/blazy)                                                    | Provides basic Blazy integration for lazy loading and multi-serving images.                                                                                                                                                                                                                                                                          |
| [**Slick Carousel**](https://www.drupal.org/project/slick)                                           | Slick carousel, the last carousel you'll ever need.                                                                                                                                                                                                                                                                                                  |
| [**WebP**](https://www.drupal.org/project/webp)                                                      | Generates WebP copies of image style derivatives.                                                                                                                                                                                                                                                                                                    |
| [**ImageAPI Optimize WebP**](https://www.drupal.org/project/imageapi_optimize_webp)                  | Provides a WebP processor to derive webp images from other file formats.                                                                                                                                                                                                                                                                             |
| [**Entity Clone**](https://www.drupal.org/project/entity_clone)                                      | Add a clone action for all entities.                                                                                                                                                                                                                                                                                                                 |

## Sub Modules

### Entity Browser Generic Embed Module

Varbase Media is enabling this module by default.

A generic/global embed text area for Entity Browsers that allows you to paste any URL to create a media entity based on the URL schema.

### Varbase Media Twitter Module

Manages default config for Tweet media type.

{% content-ref url="../optional-components/varbase-media-twitter" %}
[varbase-media-twitter](https://docs.varbase.vardot.com/developers/understanding-varbase/optional-components/varbase-media-twitter)
{% endcontent-ref %}

### Varbase Media Instagram Module

Manages default config for Instagram media type.

{% content-ref url="../optional-components/varbase-media-instagram" %}
[varbase-media-instagram](https://docs.varbase.vardot.com/developers/understanding-varbase/optional-components/varbase-media-instagram)
{% endcontent-ref %}
