25 Mar 2008 5:50 AM #1
[3.0] Ext.ux.YoutubePlayer - a mediaplayer for Ext JS
Please use the svn repository over at http://code.google.com/p/ext-ux-youtubeplayer/ to obtain the latest releases!
- 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
- enhancement: Updated player features with V3 of Youtube Chromeless API
- fixed: changed url to vendor player Api since old one was broken
- 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
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
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!
25 Mar 2008 6:28 AM #2
Thanks for sharing. It looks cool.
Do you have any plan to extend that player with more functions, like retrieving user comments, rating etc...?
25 Mar 2008 7:00 AM #3
25 Mar 2008 1:20 PM #4
Wow looks damn sweet
Nice work. Now I need to find some kind of use for this in my app :P
25 Mar 2008 11:46 PM #5
Great work! Thank you for sharing!Extensions:
Ext.ux.menu.StoreMenu - Ajax Store as menu-item config
Extended Window - Aero Shadows, nested grayscaled modal windows
Ext.ux.plugin.triggerfieldTooltip (for Comboboxes, Datefields...)
25 Mar 2008 11:49 PM #6
Live demo will be good for testing and put the results here.
Thanks in advance,
26 Mar 2008 3:07 AM #7
26 Mar 2008 5:18 AM #8
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 22.214.171.124). 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.
26 Mar 2008 7:36 AM #9
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.
26 Mar 2008 9:31 AM #10
Resizing the Ext window works fine. Maximizing it results in the video reseting back to start.
Looks great ...
Thread Participants: 32
- galdaka (3 Posts)
- dolittle (1 Post)
- mystix (6 Posts)
- MarkB (1 Post)
- JorisA (1 Post)
- drew (1 Post)
- Diddy433 (2 Posts)
- Ytorres (1 Post)
- rthibault (2 Posts)
- andrei.neculau (1 Post)
- hendricd (1 Post)
- wm003 (3 Posts)
- garraS (1 Post)
- escalade (1 Post)
- Kevin_Liu (1 Post)
- lorezyra (1 Post)
- rproudman (1 Post)
- kai5263499 (3 Posts)
- Legend (2 Posts)
- mandric (3 Posts)
- salilak (1 Post)
- kenton (2 Posts)
- bhangale.parag (1 Post)
- flashhgordon (1 Post)
- rreddy (1 Post)
- jvandemerwe (1 Post)
- cfhank (4 Posts)
- amegahed (1 Post)
- swarnendude (1 Post)
- coolstar (8 Posts)
- Kcarpenter (1 Post)
- digeridoo (1 Post)