Patrick Ibert
Mar 17, 2011
  3553
(2 votes)

EPiServer Youtube Gadget

Hello, my name is Patrick and I'm currently studying at Academedia in Sweden/Liljeholmen to become a developer in .Net. This will be my first ever blogpost about something I have developed.
I have developed a youtube EPiServer Gadget while doing my practice at Logica.


It's a EPiServer gadget that is connected through settings in a sites config to a youtube account. With this gadget the users of an EPi Site gets their own private youtube there the users with the chosen admin role can administer the youtube account that the gadget is connected to without ever leaving the dashboard and without ever logging in to youtube.com, AMAZING? I think so :)


So lets take a look at this beauty

1

Ok.. Not too fancy but it serves it's purpose :)

 

Lets take a look at one of the menu options, the "playlist"

2

 

As I'm here in the admin role that is allowed to administer the youtube account I can from here upload, delete and edit videos, while users that arent in that user role can only select videos from here to watch.


Let's take a look at the other menu option, called "settings".

3

 

Here the user can select the size for the videoplayer in the dashboard.

Lets take a look now at how we can get this gadget up and working at any EPi site.

 

1. Download the gadget, from here: www.paib.se/YoutubeGadget/YoutubeGadget.zip

2.
Add a reference to the dll files in the folder "bin" to your EPi site

3.
Add the xml file from the folder "lang" to your EPi sites folder lang
4.
Add the folder "VideoGadget" to the start folder of your EPi site


5. Add the following in your sites config under the tag <system.webServer>
<add name="VideoGadgetMVCRouting" type="VideoGadget.GadgetViewEngineModule, VideoGadget" />

6.
Add the following in your sites config under the tag <publicModules>
<add name="VideoGadget">
<assemblies>
<add assembly="VideoGadget"/>
</assemblies>
</add>


7. Register a youtube account + youtube developer account


8. Login to your developer account and create a "new product"


9. Add the following in your sites config under the tag </episerver.shell> with the right information
<appSettings>
<add key="youtubeUsername" value="Insert youtube username" />
<add key="youtubePassword" value="Insert youtube password" />
<add key="adminRole" value="Administrators" />
<add key="defaultYoutubeVideo" value="If you want insert an url to a youtube user or video, will be shown when theres no videos in the account, otherwise just leave this field blank" />
<add key="videoGadgetUrl" value="insert your EPi sites url here + /VideoGadget/"/>
<add key="youtubeApplicationName" value="Insert your application name from step 8" />
<add key="youtubeDeveloperKey" value="Insert your developer key from step 8" />
</appSettings>


And heres the source code: http://www.paib.se/YoutubeGadget/YoutubeGadgetSourceCode.zip

Mar 17, 2011

Comments

Mar 17, 2011 09:42 AM

Welcome to EPiServer World!

That's a really nice gadget btw :)

Patrick Ibert
Patrick Ibert Mar 17, 2011 01:16 PM

Thanks Tobias :)

Please login to comment.
Latest blogs
Optimizely community meetup - Sept 29 (virtual + Melbourne)

Super excited to be presenting this Thursday the 29th of September at the Optimizely community meetup. For the full details and RSVP's see the...

Ynze | Sep 27, 2022 | Syndicated blog

Preview multiple Visitor Groups directly while browsing your Optimizely site

Visitor groups are great - it's an easy way to add personalization towards market segments to your site. But it does come with it's own set of...

Allan Thraen | Sep 26, 2022 | Syndicated blog

The Report Center is finally back in Optimizely CMS 12

With Episerver.CMS.UI 12.12.0 the Report Center is finally re-introduced in the core product.

Tomas Hensrud Gulla | Sep 26, 2022 | Syndicated blog

Dynamic Route in ASP.NET Core When MapDynamicControllerRoute Does Not Work

Background Creating one of the add-on for Optimizely I had to deal with challenge to register dynamically route for the API controller. Dynamic rou...

valdis | Sep 25, 2022 | Syndicated blog

404 Error on Static Assets Within an Optimizely plugin

Background With the move to CMS 12 and .NET 5/6, developers are now able to build Plugins and Extensions using Razor Class Libraries (RCL).  These...

Mark Stott | Sep 23, 2022

How to bypass the content creation view in Optimizely

Something that has come up a couple of times in the last few year is feedback from content editors about the editing view that comes up when creati...

Ynze | Sep 23, 2022 | Syndicated blog