Presentation I gave at #wordcampnl about a plugin I wrote for embedding Mobypicture content into a blogpost/page by using shortcodes

1. Embed Mobypicture videos using [shortcodes]
a small walkthrough in building [shortcodes] into plugins

2. About me
Timan Rebel
Entrepreneur
Social Media Consultant (Rebelic)
Business Development and technical assistance for Mobypicture
WordPress fanatic
plugin and theme development
(TheNextWeb, TechCrunch, FeedForward and my own)

3. Moby allows you to..

4. Using any phone

5. Maxime Verhagen
Dutch Minister
of foreign affairs

6. Ilse de Lange
Dutch Singer &
Songwriter

7. Sharing is part of everyday life

8. Moby can send media to Wordpress
but sometimes you just want to embed an image, video or audio file

9. Wrote a plugin for that
and to demonstrate [shortcodes] at #wordcampnl

10. Wrote a plugin for that
You've Been Hit By

11. Wrote a plugin for that
You've Been Struck By

12. Wrote a plugin for that
A Smooth Criminal

13. Wrote a plugin for that
and to demonstrate [shortcodes] at #wordcampnl

14. Tip: Use Google Analytics Campaign vars
http://wordpress.rebelic.nl/<plugin name>?
utm_source=wordpress&
utm_medium=plugin&
utm_campaign=<plugin name>

15. What are shortcodes?

16. Embed a Moby video

17. Embed a Moby video
See my Moby video

18. Request video through Moby API
Don’t use Snoopy class, it’s deprecated
Don’t use curl, it might not be available

19. • postMedia • postComment
• postMediaUrl • getComments
• getThumb • searchPosts
• getThumbUrl
• getMediaInfo • createUser
• checkCredentials
Request API key at api.mobypicture.com

20. REST API (get/post)
k (api key)
t (tiny url code)
action=getMediaInfo
format=xml

21. <?xml version="1.0"?>
<media>
<type>video</type>
<url_thumbnail>http://vid.mobypicture.com/ccb3b610aa3eade07bef239a487f0dd5_thumbnail
<url_square>http://vid.mobypicture.com/ccb3b610aa3eade07bef239a487f0dd5_square.jpg</u
<url_full>http://vid.mobypicture.com/ccb3b610aa3eade07bef239a487f0dd5_full.jpg</url_full>
<url_video>http://vid.mobypicture.com/ccb3b610aa3eade07bef239a487f0dd5.mp4</url_video
<original_width>848</original_width>
<original_height>480</original_height>
<processing>0</processing>
</media>

22. <?xml version="1.0"?>
Try not to use PHP5+ only functions
Hard with XML, but simple parsing can be done with regexp

23. Almost finished, let’s return

24. Custom width and height
[mobyvideo width=1900 height=1080]http://moby.to/c69r6t[/mobyvideo]

25. Custom width and height

26. Done!

28. Thank you for sharing

29. Timan Rebel
@timanrebel
presentation and plugin code on Mobypicture.com