Ext.ux.YoutubePlayer - a mediaplayer for Ext JS

[ThorstenSuckow]

IMPORTANT:
Please use the svn repository over at http://code.google.com/p/ext-ux-youtubeplayer/ to obtain the latest releases!

Version 0.5
28-October-2012
- fixed: fixed an issue where the callbacks for the statechange and error events would not be properly registered with the YoutubePlayer since the Youtube API is suddenly not able to parse stringified method names containing "."
- enhancement: added "flashParams" configuration for setting proper
background color

Version 0.4
19-March-2010
- enhancement: Updated player features with V3 of Youtube Chromeless API
(choose resolution)
- fixed: changed url to vendor player Api since old one was broken

Version 0.3RC2
18-April-2009

- fixed: (YoutubePlayer.js) call to "getInnerWidth()" and "getInnerHeight()"
replaced with "getWidth()"/"getHeight()" since the component does now extend Ext.FlashComponent
- enhancement: (YoutubePlayer.js) if method "onYoutubePlayerReady" is
already defined in the window-scope, an exception will now be thrown
- enhancement: (YoutubePlayerControl.js) eject button is now disabled by
default and gets enabled if the attached player fires the "ready" event


Version 0.3RC1
16-April-2009

Note: API changed in Version 0.3RC1 and does not work with Ext JS < 3.0
Note: Ext.ux.YoutubePlayer now extends Ext.FlashComponent. No third party libraries
are needed anymore.

- enhancements: Component now works with Ext3.0RC1


-----

Hey there,

I needed a mediaplayer for my application and I thought I should share it with the Ext JS community.

The user extension implements the Youtube Chromeless API and uses Ext native components to control the video loading/playback.

It's capable of showing the buffer status and the playback slider let's you jump to any position in the video playback. You'll also be able to mute/unmute the video and set the overall volume.

The player panel derives from hendricd's Ext.ux.MediaPanel and uses a custom implementation of the Ext team's Ext.form.SliderField as found in the ext-2.0.2-example folder.

You can find the project page here: http://www.siteartwork.de/youtubeplayer.
Please note, that if you use the ux on your server, make sure to obtain a youtube api developer key. You can get the key here: http://code.google.com/apis/youtube/dashboard/

Have fun using the extension. Feedback appreciated!

[escalade]

Thanks for sharing. It looks cool.
Do you have any plan to extend that player with more functions, like retrieving user comments, rating etc...?

[ThorstenSuckow]

Thanks for sharing. It looks cool.
Do you have any plan to extend that player with more functions, like retrieving user comments, rating etc...?

I might add functionality like a playlist to my application which uses this ux... not sure, time will tell. On the other hand, the ux is very "pluggable" so it shouldn't be a big deal to extend functionality.

[JorisA]

Wow looks damn sweet
Nice work. Now I need to find some kind of use for this in my app :P

[wm003]

Great work! Thank you for sharing!

[galdaka]

Excellent work!!

Live demo will be good for testing and put the results here.

Thanks in advance,

[ThorstenSuckow]

Excellent work!!

Live demo will be good for testing and put the results here.

Thanks in advance,

Just follow the links on the project page or go directly to the demo.

[mystix]

very neat.

found 2 small bugs on the demo page though:

• when the volume icon is clicked, the slider is displayed at position 0 even when the volume > 0 (this happens on FF 2.0.0.12). Once this happens the volume drops to 0 and i'm unable to hear anything until i clear my cache and reload the demo page.
• the volume slider doesn't move with the window after it is displayed.
  

the mute icon works fine though.

[ThorstenSuckow]

very neat.
found 2 small bugs on the demo page though:

• when the volume icon is clicked, the slider is displayed at position 0 even when the volume > 0 (this happens on FF 2.0.0.12). Once this happens the volume drops to 0 and i'm unable to hear anything until i clear my cache and reload the demo page.
• the volume slider doesn't move with the window after it is displayed.

Right, thx for the feedback. I wanted the volume slider to look fancy but it brings too much sideeffects along with it.
I changed the volume control so that the volume slider sits in a menu now. Ext will take care of it's positioning now so no extra event-triggering needed here.

The buggy initial volume should now be fixed, too.

[MarkB]

Resizing the Ext window works fine. Maximizing it results in the video reseting back to start.

Looks great ...