Project Description
This is a .net user control, which simplifies the task of integrating the embed.ly service into an asp.net project.
I created this control as part of an umbraco project where i wanted to give authors the ability to embed rich media in the content.
Simply set the media url property on the user control, and it should show rich content from the +100 oembed services which emebd.ly supports.
emebd.ly offers a great service which makes integrating rich media from sites such as youtube, vimeo, imgur and many more very easy. It is based on the oembed standard.
Getting everything set up can be a bit of a pain though. Therefore I created this control, to minimize the setup and integration time. There still is a lot of space for improvement. It all depends on how you wish to use it. :)
Requirements:
- jquery 1.3+
- jquery.emebdly (http://github.com/embedly/embedly-jquery)
(both included in the the test web application project)
General Usage:
1. Get the source code
2. Go to embedly regex generator and decide which services you need to intergrate
Note: as you will see, the regex generator currently does not support any .net based languages. Therefore choose the "plain" javascript generation and copy the regex to the clipboard.
3. Go to the EmbedlyHelper Class and replace the value inside the declaration of the strEmbdlyRegex, with the value from your clipboard. This should leave you with something like:
string strEmbdlyRegex = @"/http:\/\/(.*youtube\.com\/watch.*|.*\.youtube\.com\/v\/.*|youtu\.be\/.*|.*\.youtube\.com\/us........
Note: The EmebdlyHelper will take care of the "conversion" from Javascript Regex to C# Regex.
4. Place the control on page and set the EmbedlyUrl property. e.g. http://www.youtube.com/watch?v=Mvfn8QlXPG8 to embed a YouTube video.
5. Test and hopefully be happy.
See it in action at http://www.youtipit.org
 
Screenshots:
Visual Studio:

Results in:

 

Last edited Sep 8, 2010 at 7:43 AM by AyKarsi, version 7