Your SlideShare is downloading. ×
WordPress Media in a post-Koop Universe
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

WordPress Media in a post-Koop Universe

244
views

Published on

Presentation from WordCamp NYC 2014

Presentation from WordCamp NYC 2014

Published in: Software

0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
244
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
1
Comments
0
Likes
2
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 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’, . . . )