Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Managing media assets in drupal 8!

57 views

Published on

Following presentation list out the key modules part of Drupal 8 media ecosystem!

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Managing media assets in drupal 8!

  1. 1. Managing media assets in Drupal8! ●Drupal Camp Cebu 2017
  2. 2. Hello! I am Aman Kanoria Product Owner/ Developer, Srijan Technologies You can find me at @amankanoria 2●Drupal Camp Cebu 2017
  3. 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. 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. 5. What is in Drupal 8? Let’s talk about core! 1 ●Drupal Camp Cebu 2017
  6. 6. Overview ● Built in WYSIWYG editor ● Media library part of core 6●Drupal Camp Cebu 2017
  7. 7. Drupal 8 core embedding 7●Drupal Camp Cebu 2017
  8. 8. Media Entity A storage component for media in Drupal! 8●Drupal Camp Cebu 2017
  9. 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. 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. 11. Media Entity Demo! ● Media Entity (part of Drupal 8.4 core) ● Media Entity image ● Video Embed Field ● Entity 11●Drupal Camp Cebu 2017
  12. 12. Entity Embed In this section we’ll embed assets directly into the editor. 12●Drupal Camp Cebu 2017
  13. 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
  14. 14. Entity Embed Demo! ● Embed ● Entity Embed 14 Picture Credits- Edulastic ●Drupal Camp Cebu 2017
  15. 15. Entity Browser A powerful component of Drupal’s contributed ecosystem of modules for managing digital media assets. 15●Drupal Camp Cebu 2017
  16. 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
  17. 17. 17 Entity Browser Architecture Picture Credits- https://drupal-media.gitbooks.io ●Drupal Camp Cebu 2017
  18. 18. Entity Browser Demo! ● Embed Browser ● Ctools 18 Picture Credits- Drupal.org ●Drupal Camp Cebu 2017
  19. 19. Dropzone JS An open source library to enable drag and drop! 19●Drupal Camp Cebu 2017
  20. 20. Dropzone JS ● Project- https://www.drupal.org/project/dropzonejs. ● Enhances Drupal’s default upload widget. 20●Drupal Camp Cebu 2017
  21. 21. Dropzone JS Demo! ● DropzoneJS ● Libraries 21 Picture Credits- dropzone js ●Drupal Camp Cebu 2017
  22. 22. Crop API Provides storage for all cropping solutions 22●Drupal Camp Cebu 2017
  23. 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
  24. 24. Crop API DEMO! 2 ●Drupal Camp Cebu 2017
  25. 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
  26. 26. 26 Salamat!(Thanks!) Any questions? You can find me at @amankanoria & aman.kanoria@srijan.net ●Drupal Camp Cebu 2017

×