• Add to Collection
  • Tools Used
  • About

    About

    An interface for creating and compiling snippets of streaming video for training purposes. This project was developed internally for PokerXFactor… Read More
    An interface for creating and compiling snippets of streaming video for training purposes. This project was developed internally for PokerXFactor.com to leverage its extensive video training catalog, but could be extended to function as a standalone product, working with any streaming video source. Builds upon the excellent JWPlayer. Read Less
    Published:
Objective:
   - PokerXFactor needed a way to repackage older content in a new way. 
   - At the same time, they wanted to give users a way to create content of their own.
   - Playlists provided a solution for both requirements. However, only a segment of each 
      video was to be displayed for each item in a playlist.

Solution:
   - Create API to write & return user-entered data (JQuery, AJAX, PHP, SQL Server)
   - Create user interface to load and edit video segment metadata (JQuery, CSS, HTML5)
   - Upgrade video player to handle HTML5 and Flash video segments. (JWPlayer, JQuery/JS)

 
UI/UX notes:
- Users can edit the video segment in four ways: dragging the seek bar to a specific start or end position, pressing the spacebar to enter a position, using the up/down arrow keys to increment or decrement, or manually entering a position. Left-right arrow keys tab from hours to minutes to seconds.
- This editor is currently being refactored to function independently of the content; users will be able to create video-segment playlists from any video source.