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)
- 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.
- 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.
