extending media presentation

Extending Media Module

www.wearepropeople.com

Improve your web authors experience

by Alexei Gorobets


Long time ago in a galaxy far far away…


How do you manage media in Drupal?


Administrator •  Many modules to use, every module with it’s own features •  Complex for new users, no simple solutions •  No way to integrate all solutions with WYSIWYG •  Training required in most cases •  No way to reuse uploaded content


Developer •  Every module provides it’s own solution for the problem •  Many new field typex and many new widgets for the same idea •  Tons of modules that implement the same in different aspects •  No way to manage your files in cloud (S3, CDN) •  No consistent API to extend existing solutions


Where is the user is this maze?


Let’s be honest…

It’s Wordpress 2.7 released in 2008


Let’s be honest…

It’s Drupal 7 in January 2011


Here comes Media Module


First…

Get use of D7 new Entity API to create File entity


Second…

Make file types (Image, File, Video, Text) as entity bundles and they are fieldable


More…

•  Integrate files in WYSIWYG •  Reuse your files by browsing your Library •  Use different formatters to display your files •  Consistent API to extend for developers •  Use StreamWrappers from D7


StreamWrappers?

•  Use url like s3:// and youtube:// to access remote files •  Remote and local files are treated the same way •  Easy way to add new wrappers


Looks better?


Insert into WYSIWYG


Upload new or select from library


Select a formatter


Image inserted


How it’s handled behind the scenes


Every tab is a plugin. Create your own!


Different file types!


Fieldable file types!


But! Most valuable is the API!


Create your Media Browser from Views


or create a class…


For example:


Meet hook_media_browser_plugins_alter().


Add upload forms for each media browser


What else? Back to Wordpress!


We want to edit file attributes on file upload

•  Set a proper file name •  Assign OG audience to the file •  Set other usefull attributes


Let’s alter the forms

Set our submit callback instead of default


Let’s alter the forms

Set redirects using media-popup setting in query


Let’s alter the forms Alter file attributes form, remove fields, make Cancel button work!


Let’s go for a demo!


Questions?


Thanks!

extending media presentation

Technology