jb | net

news

Telly

Justin

May 5, 2012

TwitVid

For a few weeks I've been contributing to the open source "VideoJS" player at the behest of Telly (formerly TwitVid). Telly is doing a major rollout of the technology, which will make it one of the first major video services to deploy an HTML5 solution as the default technology.

Still, like most video libraries, Telly encodes their content with the H.264 codec, since it is the best way to reach mobile devices. Unfortunately, this forces many desktop browsers (such as Firefox and Opera), which would otherwise be HTML5-ready, to rely on Flash to display the video. This is in addition to appearing on browsers that just aren't HTML5 compatible, such as IE8, which still commands considerable market share. So the new Flash fallback player needed to be just as robust as both the new HTML5 player, and the old Flash player that was being phased out.

The project attempts to use the same JavaScript and CSS-based controls on top of both an HTML5 video implementation and a Flash fallback, allowing for a more consistent experience across browsers. Unfortunately, the Flash implementation as it existed on GitHub was lacking a few features that Telly required to maintain parity with the old Flash-only player they were attempting to replace. I was contracted to fill in the gaps.

Telly - major deployment of the new player
VideoJS - open source project

The first functionality we added was support for what I call sub-clip streaming. Certain CDNs (such as Limelight) allow you to request an .mp4 video file with an offset, and the server delivers the content starting at that position instead of the beginning. This allows you to skip ahead in a long video and resume playing more quickly, because you don't need to buffer all the content you've skipped.

The second major addition is an ActionScript 3 implementation of the control GUI. This was needed to overcome a few UX issues that are the result of using JavaScript to control a Flash video. For example, switching to full-screen mode in the middle of a video was not fully supported in the original version. The JS/CSS GUI was also not performant enough on browsers with older/slower JavaScript engines (such as legacy versions of Internet Explorer.

Work is ongoing to add support for themes to the Flash version of the GUI.




  1. 2015
  2. 2014
  3. 2013
  4. 2012
  5. 2011
  6. 2010

September

thumbSeptember 28, 2012Bingo!JustinI've been very busy lately, working on s... (click for more)

June

thumbJune 5, 2012fpSnake mobile testsJustinI've got a new version of an old demo in... (click for more)

May

thumbMay 19, 2012Palaver v1.4JustinI've posted a new version of Palaver. T... (click for more)
thumbMay 5, 2012TellyJustinFor a few weeks I've been contributing t... (click for more)

April

thumbApril 16, 2012Palaver v1.3JustinI'm nearly finished reworking my the "Pa... (click for more)

March

thumbMarch 28, 2012PalaverJustinNow that the vCruise project for Narvalo... (click for more)

January

thumbJanuary 30, 2012vCruiseJustinAfter a year of development and a few mo... (click for more)