The Frequency JavaScript video player provides a JavaScript class and a set of constructs that makes short form video playback with advertisement a simple task.

The sequence to using the Frequency JavaScript Player is as follows:

1.  Initialize the Player.
   
   

   var player = new Frequency.Player();

   The player can be initialized with video and listener bindings so that it is one-shot ready to play or the player object can be constructed and setting the video to play and event listeners in subsequent method calls.   

   var player = new Frequency.Player(
                   undefined, {
                      video: {
                         url: 'clips.vorwaerts-gmbh.de/big_buck_bunny.mp4',
                         startPosition: 50,
                         autoplay: true
                      },
                      events: {
                         onStateChange: function(state) {
                         },
                         onProgress: function(currentTime) {
                         }, (...)
                      } 
                   }      
                );
   
   

2. Add player event listeners.

   player.addEventListener(Frequency.Player.Events.onError, errorHandler);
   player.addEventListener(Frequency.Player.Events.onProgress, progressHandler);

3. Play the video.

   player.loadVideo('http://videoURL.mp4);
   player.play();

   Here is a demonstration of the video playback and event handling in a typical HTML5 playback scenario:
   
   Frequency Player Demo

Player Class

Player Constructor

Frequency.Player();
Frequency.Player(
   undefined, {
      video: {
      },
      events: {
      },
      (...)
   }
);

Player Methods

play();
pause();
seekTo(time:Number);
getDuration();
getState();
getCurrentTime();
loadVideo(url:String);
addEventListener(event:String, callback:String);
removeEventListener(event:String, callback:String);

play

play()

Plays the currently loaded video.

Parameters:

None

Returns:

void

pause

Pauses the currently playing video.

Return Type

Parameters

Description

Play

Return Type

Player Events

Player States 

Player Video Class

Player initialization

new Frequency.Player(
        undefined, {
            video: {
                url: 'http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4',
                startPosition: 50,
                autoplay: true
            },
            events: {
                onStateChange: function (state) {
                },
                onProgress: function (currentTime) {
                },(...)
            }
        }
    );

Frequency.Player

Frequency.Player.Options

Frequency.Player.Options.Video

Events

Frequency.Player.Events

States

Methods