Yet another blog about WPF, Surface, SL, MVVM, NUI....





Tag - media

Entries feed - Comments feed


How I resolve my "MediaUnavailableException"'s problem in JavaFX...

10 December 2008


In my first try to create a videoPlayer I always get an exception trying to play a media which are on my local hard disk.

The problem

I was trying to execute this media :

var mediaURL : String = "file://C:/tchou.flv";

But it generates me logs like this one :

FX Media Object caught Exception Media unavailable:

I search on the web and I notice that I was not alone facing this problem : look at this post.
But nobody seems to find the answer to this problem...

The solution

Actually I finally manage to get ride of this exception and it was quite simple : we should use '/' instead of '//' when using the "file" protocol. You just have to use the code below and it will work :

* Do not use this :
* var mediaURL : String = "file://C:/tchou.flv";
var mediaURL : String = "file:/C:/tchou.flv";

Quite easy in fact !


Create your VideoPlayer with JavaFX, part one.

9 December 2008

I noticed in this post that the mediaComponent pointed out in the JavaFX demos was not still available and that we will so make our own...

Lets start !

What will we do in our first part ? :

  1. Create our custom node MyMediaComponent
  2. Add the video in our component
  3. Enjoy ourselfs!

Create our custom node: MyMediaComponent

The first thing to do is quite easy : create a new JavaFX class in Nebeans and make it extends the CustomNode class from the javafx.scene package. This class is provided to enable you making your own nodes.

You will then have to ovveride the "create():Node" method :

public override function create():Node{
        return Group{
            content: []

We will add more things in the content when we will build them.
First we will add some var to our class, They will contains some informations about our component :

/** X attribute of our component. */
 public var x : Integer = 0 ;
 /** Y attribute of our component. */
 public var y : Integer = 0 ;
/** A description of the video. */
public var vidDescription : String = "" ;
/** The title of the video. */
public var vidTitle : String = "" ;
/** Start volume of the video. */
public var startVolume : Number = 0.5;
/** Do where display the meta informations on the video */
public var showInfoBar : Boolean = true;
/** The url of the video. */
public var mediaURL : String ="" ;
/** The Width in wich where will make the video fit. */
public var vidWith : Integer = 384;
/** The height in wich where will make the video fit. */
public var vidHeight : Integer = 288 ;

Add the video in our component

We will add the video in our component. To add this features we will use three differents Object in the JavaFX API:

  • Media : contains the basic informations about our media, Note that it can be a video or an audio media...
  • MediaPlayer: this object is used to perform the differents actions on our video; play/pause. This component also contains the informations about the status of the current video: playing/paused/buffering, etc ... We give it the media.
  • MediaView: this object is the node in which the video is displayed. We give it the mediaPlayer.

Lets add it in our class and use the differents var we created just before :

var media:Media = Media{
        source: mediaURL
    var mediaPlayer: MediaPlayer = MediaPlayer{
    var mediaView : MediaView = MediaView{
        mediaPlayer: bind mediaPlayer

The autoPlay attribute tells that the video is played as soon as it can be by the player (when enough data is available when buffered).

Now that we have created the different component we will add the mediaView in the group returned by our create() function:

public override function create():Node{
        return Group{
            content: [mediaView ]

Now by adding our component in your application you will display the video and play it. This is a first step in the birth of our videoComponent: Video player, results of part one.

In the next part you will learn how to display the informations on the video currently played when hovering the video and how to add some triggers (play/pause the video by clicking on it).