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.

[mandric]

Mindpatterns, looks really cool, I was looking at the release date on the project page and it states 2007. Is that a typo?

Also does the youtube chromeless player play h.264 (.mov,.mp4?) files? I'm looking for a player that does h.264 and flv but also can reference youtube videos.

http://groups.google.com/group/yunus...97f07d464e4659

In research mode ... thanks for any help.

[ThorstenSuckow]

Mindpatterns, looks really cool, I was looking at the release date on the project page and it states 2007. Is that a typo?

Yeah, it's fixed.

Also does the youtube chromeless player play h.264 (.mov,.mp4?) files? I'm looking for a player that does h.264 and flv but also can reference youtube videos.

http://groups.google.com/group/yunus...97f07d464e4659

In research mode ... thanks for any help.

The player loads the chromeless flash video into it's panel, thus it can only show what youtube delivers. If there would be a player for h.246 or flv that is controllable via javascript, it would be possible. But as of now, I don't know any (browser-enabled) api that allows you to do that.

[mandric]

http://flowplayer.org/

I am playing with three players right now and flowplayer, jw player and flv player. Flowplayer seems to have the most features.

http://flv-player.net/
http://www.jeroenwijering.com/?item=JW_FLV_Player

Let me know what you think. I'd am interested in working on it if you think it would work or is something that doesn't exist yet.