Cloudinary Blog

Bleacher Report Scores with Real-Time Video Highlights Delivered by Cloudinary

Bleacher Report Scores with Real-Time Video Highlights Delivered by Cloudinary

Bleacher Report is a global digital destination for sports fans, creating and collaborating on content at the intersection of sports and culture. Owned by Turner, a division of Time Warner, Bleacher Report's website and social channels focus on sports culture for the next generation of fans. Bleacher Report also has a five-star mobile app and popular email newsletters, which are part of the company’s strategy for instantly delivering in-depth articles, results and video highlights personalized for users’ favorite teams, players and leagues.

The Challenge: Delivering Video Highlights in Real-Time Via the Web and Mobile App

Bleacher Report was seeking a way to further enhance its content offerings by delivering short video highlights while games were still in progress. But with nearly 85 percent of users accessing Bleacher Report content on mobile devices, the company needed to ensure that short video highlights could be created quickly and streamed flawlessly, regardless of the viewing device or bandwidth.

"Sports highlights are valuable to fans, but delivering these videos can be a significant challenge given the diverse ways fans interact with our website and mobile application,” said David Marks, senior director of Engineering for Bleacher Report. “We wanted to make sure that our users had an optimal experience, no matter if they were in an arena, riding the bus, watching games at a local bar or on a computer in the comfort of their own home.”

Delivering video content to users across different devices is not a trivial task. To do so, Bleacher Report would have to manipulate and optimize each video to suit every viewing device, viewport and bandwidth.

"Another challenge we faced was the speed at which we could get the content to our users,” said Marks. “Delivering highlights during game time is crucial to Bleacher Report as that’s when our users are hyper-engaged. The manual approach just wasn’t efficient enough for us to achieve the necessary speed to market.”

The Cloudinary Solution: Automating Video Optimization and Distribution

When the development team began to work on its video highlights offering, Bleacher Report had been managing images with Cloudinary for nearly a year. The Cloudinary solution offered a rich feature set that Bleacher Report used to optimize and manipulate images by simply changing the parameters in the image URL, and deliver them responsively to users – capabilities that were not possible with the company's homegrown image management system.

“With our previous system, it was a challenge to create images for every device, browser, resolution and bandwidth,” said Marks. “We wanted a solution that would enable us to do that without having to think too hard about it. Cloudinary was a perfect fit, quickly integrating with our backend systems and enabling us to improve page load time, which was critical for our mobile users.”

After seeing how quickly and easily integration and implementation was for the image solution, Bleacher Report decided to extend its relationship with Cloudinary for video management, as well.

Bleacher Report automatically extracts interesting moments from the live footage based on specific criteria. The raw file is then uploaded to Cloudinary, which processes it in real time to deliver a video, enhanced and optimized for viewing on any browser or device, at any bandwidth.

Behind the scenes, Cloudinary eliminates many of the technical complexities that content producers like Bleacher Report experience when trying to optimize the video experience. Cloudinary automatically adapts the video resolution and quality, transcodes it into a streamable format, implements adaptive bitrate streaming and delivers the videos through a fast, reliable content delivery network. This ensures that viewers experience a smooth playback irrespective of device requirements or internet connectivity.

The Results: Speed to Market and Increased Video Viewership

Cloudinary’s seamless integration and ease-of-use accelerated the development process, enabling Bleacher Report to go from concept to an automated video highlights offering in under five weeks.

"Speed to market is paramount for our video highlights solution, and it was a huge consideration in choosing to work with Cloudinary for this project," said Marks. "Not only were we able to implement the full solution in a matter of weeks, we are now able to deliver sports video highlights within minutes."

Though just recently implemented, Bleacher Report is already seeing a 25% increase in total video views per month, and a 350% increase in video views within their gamecasts experience. In addition, Bleacher Report said that it has been able to increase its monthly 3-second video views by 35 percent and grew the monthly highlight video views in the app by 20 percent.

“We initially looked at Cloudinary only through the lens of image management. But we also were able to learn a great deal about how they could support our video requirements,” Marks concluded. “As opportunities and new ideas have arisen, we've taken advantage of what Cloudinary can offer on the video side, as well, and achieved significant benefits.”

Download Case Study here

Bleacher Report Case Study

Recent Blog Posts

CoreMedia Adds Cloudinary to its CoreMedia Studio Platform

Today we’re pleased to announce a new technology partnership with CoreMedia, a leading Content Experience Platform provider. CoreMedia users can now leverage Cloudinary’s web-based digital asset management (DAM) solution to organize, search, manage and optimize their media assets, including images and videos, and to orchestrate, preview and deliver digital experiences consistently and optimized across all channels and browsers. The official press release is available here.

Read more
Facial-Surveillance System for Restricted Zones

In Africa, where Internet access and bandwidth are limited, it’s not cost-effective or feasible to establish and maintain a connectivity for security and surveillance applications. That challenge makes it almost impossible to build a service that detects, with facial-recognition technology, if someone entering a building is authorized to do so. To meet the final-year research requirement for my undergraduate studies, I developed a facial-surveillance system. Armed with a background in computer vision, I decided to push the limits and see if I could build a surveillance system that does not require recording long video footage.

Read more
Complex Networks Case Study

Complex Networks has been using Cloudinary since 2014 to manage and optimize images across seven websites and two mobile apps, making editorial workflow more efficient, improving page performance and load time, and increasing user engagement. Cloudinary was instrumental in enabling Complex Networks to redesign its web properties. Without the flexibility that Cloudinary offers to both creative and development teams, it would not have been possible for Complex Networks to achieve such a fast time to market.

Read more
Automate Placeholder Generation and Accelerate Page Loads

If you run a Google search on LQIP you’ll see very few relevant articles, very little guidance, and definitely no Wikipedia articles. In this post, we’ll discuss some of the feedback on LQIP we have gathered from the community and suggest and open for conversation a few approaches based on the built-in capabilities of the Cloudinary service. Specifically, we’ll explain what LQIP are, where they are best used, and how you can leverage them to accelerate page loads and optimize user experience.

Read more
Best Practices for Optimizing Web Page Speed

If you're like most consumers today, you engage more with pictures or videos on a website than text. The stats don't lie - four times as many visitors would rather watch a video about a product than read about it, and sites with compelling images average twice as many views as text-heavy ones.

Read more
A day of fun with Girls Who Code and Cloudinary

During both my computer science studies and work in the tech field, there have not been a lot of women present. While our ranks have grown, women still make up only a small percentage. In many ways, I think the traditionally male-dominated world can be intimidating to women and girls who may be interested in pursuing these types of tech careers.

Read more