Since the last post (read “Adobe Flex 2 Project”) i’ve added the full-screen function and a Fade effect on the control. The fade effect gave me a lot of problems. The idea is when you roll over the control bar with the mouse pointer, the controls have to appear with a nice ‘fade in’ effect. At the moment you roll out of the control bar it should disappear again with a ‘fade out‘.
Right there a problem popped up for me. The time-label and the labels of the buttons wouldn’t disappear like the rest of the controls did. After long searching the internet and brainstorming with a few people I’ve found the solution in the live docs of adobe flex, “Use an embedded font when applying the Fade effect to text”. After applying this I finally had my control bar working like it should.
The last thing I have to add is the tree component, but I will tell about that more in the next post about the media player. At the bottom of the post there’s an URL to the current media player, the skinning part will be the last part of the media player as were still busy with the graphic design for the application.
Click here to watch the media-player.
Nice work,
I noticed that the controlbar isn’t completely at the bottom of the screen. When placing the mouse completely at the bottom, the bar disappears again.
What also would be a nice add-on (and a good coding excercise) is to toggle to fullscreen by doubleclicking the video
Looking forward to the skinning-part,
jeetee
Good to see you’re making some progress in flex. But wouldn’t it be compacter to add the full screen button to the player itself?
@Jeetee
Thanks for the tip, i will make the control bar bigger. And the double-clicking on the video itself to make it full screen will add a lot to the usability of the media player. As people are used to that function in other video players.
@Joeys
Haven’t got to that part yet, was focusing on the coding so i haven’t got to the positioning part yet. It will be fixed in the next update on the media player!
[...] the last post (see “Media Player update”) I’ve added a tree-component which shows all the videos in the folder ‘media’. [...]