2. Hello!
I am Aman Kanoria
Product Owner/ Developer, Srijan Technologies
You can find me at @amankanoria
2●Drupal Camp Cebu 2017
3. Session overview
● #Drupal8 Media Initiative
● Managing assets- Store, Browse, and Embed.
● What does future Drupal releases look like?
3●Drupal Camp Cebu 2017
4. Media in Drupal!
● Browse through your media files of your website
(Entity Browser, Filebrowser)
● Embed files in the WYSIWYG editor by browsing
(Entity Embed)
● Add and edit asset metadata (Media entity, FileEntity)
● Crop images on the website (Crop, Imagefield Crop)
● Add image effects like watermark, auto orientation,
color-shift etc. (Image Effects)
● And use many more features...
4●Drupal Camp Cebu 2017
5. What is in Drupal 8?
Let’s talk about core!
1
●Drupal Camp Cebu 2017
6. Overview
● Built in WYSIWYG editor
● Media library part of core
6●Drupal Camp Cebu 2017
9. Media Entity
● Provide storage component for different media files.
● YouTube videos, Tweets, Instagram photos and local
files — all of them could be easily added to your site.
● It’s base API is now part of Drupal 8.4.x release.
9●Drupal Camp Cebu 2017
10. Media Entity’s
features
10
1
Reusable Media
Good bye to reuploading.
Easier Maintenance
A component based
system!
2
Metadata Mapping
Easier to handle
metadata with the file
itself!
3
Base API
Creates a base for Drupal
8 media ecosystem
4
●Drupal Camp Cebu 2017
11. Media Entity
Demo!
● Media Entity (part of Drupal 8.4 core)
● Media Entity image
● Video Embed Field
● Entity
11●Drupal Camp Cebu 2017
13. Entity Embed
● Project- https://www.drupal.org/project/entity_embed.
● Allows any entity to be embedded within text area..
● Let’s a site-builder to create a button which lets an editor
to embed!
13●Drupal Camp Cebu 2017
15. Entity
Browser
A powerful component of Drupal’s contributed
ecosystem of modules for managing digital media
assets.
15●Drupal Camp Cebu 2017
16. Entity Browser
● Project- https://www.drupal.org/project/entity_browser.
● A generic browsing tool and selecting tool.
● Comes with an example module that comes handy to start
with!
16●Drupal Camp Cebu 2017
23. Crop API
● Project- https://www.drupal.org/project/crop.
● Handles crop based on region and focal point concepts.
● Example- Image field widget for UI
23
●Drupal Camp Cebu 2017
25. Drupal 8 core (8.4.x & 8.5.x)
Overview from Dries Buytaert's post on DO for D8 Media
initiative.
● Drupal 8.4 ships with new media module.
● All the contributed modules part of media ecosystem to
adapt the new media module.
● 8.5+: add support for remote video in core (oEmbed
Support)
25●Drupal Camp Cebu 2017
Background and Problem
Drupal core is an amazing content structuring tool with options to give rich structure to basically everything in the system. While Drupal core includes basic file and image support, it is a far cry from what a modern web system should support out of the box for media handling. External media cannot be embedded easily in core and media cannot be reused.
Due to very limited functionality provided by core it is also very hard for contrib to build on top of it. Core should provide base APIs, design patterns and paradigms to guide contrib work.
Proposed resolution
Provide a three-pronged implementation approach to media solutions, that involves three distinct groupings of functionality targeted at different use cases: Media Essentials, Extras and Extend. Three key objectives of this approach are to:
Involve new contributors to help existing media team members to create a Media Essentials suite as a minimum viable solution that provides a basic group of media functionality in Drupal 8 core by 8.3's release candidate. Solutions built as part of this should also provide solid foundations for all work that will be part of other two groups of functionality.
Media Extras suite to provide a group of rich media entity/editing functionality in contrib, which will eventually be integrated into Drupal 8 core once stable.
Enable new contributors to use the Media Extend functionality in Drupal 8 to integrate 3rd party media tools/Digital Asset Management systems (DAMs) within the overall ecosystem of Drupal media modules.
The overall experience for end users should be seamless regardless of which media modules their site happens to be using, and the implementation should be straightforward for site builders, architects and developers based on solid documentation in the Drupal 8 Media Handbook.
Background and Problem
Drupal core is an amazing content structuring tool with options to give rich structure to basically everything in the system. While Drupal core includes basic file and image support, it is a far cry from what a modern web system should support out of the box for media handling. External media cannot be embedded easily in core and media cannot be reused.
Due to very limited functionality provided by core it is also very hard for contrib to build on top of it. Core should provide base APIs, design patterns and paradigms to guide contrib work.
Proposed resolution
Provide a three-pronged implementation approach to media solutions, that involves three distinct groupings of functionality targeted at different use cases: Media Essentials, Extras and Extend. Three key objectives of this approach are to:
Involve new contributors to help existing media team members to create a Media Essentials suite as a minimum viable solution that provides a basic group of media functionality in Drupal 8 core by 8.3's release candidate. Solutions built as part of this should also provide solid foundations for all work that will be part of other two groups of functionality.
Media Extras suite to provide a group of rich media entity/editing functionality in contrib, which will eventually be integrated into Drupal 8 core once stable.
Enable new contributors to use the Media Extend functionality in Drupal 8 to integrate 3rd party media tools/Digital Asset Management systems (DAMs) within the overall ecosystem of Drupal media modules.
The overall experience for end users should be seamless regardless of which media modules their site happens to be using, and the implementation should be straightforward for site builders, architects and developers based on solid documentation in the Drupal 8 Media Handbook.
Drupal 8 core comes with basic support for embedding images with WYSIWYG but basic isn’t enough when we talk about external media assets like - Tweets, Videos, Instagram and etc?
Drupal 8 core comes with basic support for embedding images with WYSIWYG but basic isn’t enough when we talk about external media assets like - Tweets, Videos, Instagram and etc?
Drupal 8 core comes with basic support for embedding images with WYSIWYG but basic isn’t enough when we talk about external media assets like - Tweets, Videos, Instagram and etc?
Drupal 8 core comes with basic support for embedding images with WYSIWYG but basic isn’t enough when we talk about external media assets like - Tweets, Videos, Instagram and etc?