CTC Media (Network of televisions stations) (Projects of IT outsourcing)

2018: Development of HTML5 player

The project on development of the mediaplayer became already the fifth joint development of CTC Media company and "Center of High Technologies".

For the customer of STS of HTML5 player — one of anchor projects. The quality and convenience of video playback online is indisputable competitive advantage therefore the CTC Media company made the decision on development of a fast player which will be built in on all platforms.

Implementation of advertizing content was not less important task. The customer has about six different types of advertizing. It was necessary to provide management to the user of advertizing content depending on type of a paid subscription which he uses.

At solution development from the customer the design, analytics on the project and product requirements were provided. From TsVT there was an architecture and technical implementation. In functionality of the application the following was put:

• video playback;
• rewind of video;
• sharing (sharing);
• switching of quality;
• formation of a pool of the related content and switching between it;
• auto detection of quality depending on capacity of the channel of the user;
• the timeline with the preview a frame;
• management of video from the keyboard;
• viewing advertizing;
• subscription;
• possibility of adaptation of design;
• collecting of statistics.

The player represents the application on ES6 consisting of several modules:

• the main module of a player (is responsible directly for video playback);
• player kontrola;
• the advertizing module (all 6 types of advertizing, support of vast/vpaid are implemented here);
• the sharing module in social network (Facebook, VK, Odnoklassniki, Telegram (only on mobile devices));
• pop-up-container for other modules, for example, for share;
• the module for display of messages about different errors;
• the module used for convenience of development (switching of projects, generation of errors, change of skins, etc.).

Each module is independent. Replacement of any of them is painless for the project in general. It gives the chance of task allocation on different project teams in the future.

Other technical feature of the project is instant updating of a player. Using iframe of STS can update a player without involvement of development teams for partners.

As each of platforms of CTC Media has the brand book, target audience and experience of users, it was important to provide due flexibility.

Specialists of TsVT gave an opportunity to each platform to change a player under themselves, including to change quantity of "kontrol", their colors and arrangement.

For April, 2018 STS of HTML5 player is used on the websites "Videomore", "Che", "Domashny". It is reproduced in any browser the supporting HTML5 and JS5. Video is available to viewing on mobile devices.