The document discusses WordPress media and how the speaker got started with WordPress, contributing to WordPress, Backbone, and media. It covers WordPress versions 3.5 and 3.9 which added more media features. It also discusses tools like MediaElement, shortcodes, Underscore, Backbone, and how front-end JavaScript needs to work across use cases without bloat. The document provides examples of how media like audio can be implemented in WordPress through a JavaScript API and TinyMCE editor integration.

1. WordPress Media
In a post-Koop Universe

2. Scott Taylor
• Core Committer
• Sr. Software Engineer, The New York Times
• @wonderboymusic
• I like music
• I like Mexican food

3. How I got started with
WordPress

4. How I got started
contributing

5. How I got started with
Backbone

6. How I got started with
MEDIA

7. MEDIA!
WordPress 3.5

8. WordPress 3.9
MORE MEDIA!

9. Backbone/Underscore
• Views
• Models
• Collections
• Frames
• Regions
• States

10. Underscore
• Utility belt
• Does not require jQuery
• Smells like Ruby
• List iterators

11. Backbone
• Un-opinionated
• MVC
• Ruby-like
• Hard to know what you are doing right/wrong

12. MediaElement
• Facade layer for HTML5 media
• Cross-browser compatibility
• It just works

13. [audio], [video], [playlist]

14. Shortcodes
• Containers for data
• Placeholders
• Forward-compatible
• Shortcode API

15. Use what exists
• Galleries are playlists
• Video is audio
• Video playlists are audio playlists
• Things are collections
• Embed are media

16. $( ‘.thing’ ).mediaelementplayer();

17. Front End JS
• Needs to automagically work for every possible
use-case
• Needs to not be overly bloated

18. Admin
• TinyMCE view
• JS version of PHP code
• Iframe sandboxes
• WYSIWYG

19. wp.media.audio = {
// click the view
edit: {
. . .
},
!
// shortcode returned to the editor
shortcode: {
. . .
},
// default props
}
wp.mce.views.register( ‘audio’, . . . )