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

Converting Videos to GIFs in Kotlin-Based Android Apps

Among the image formats available today, Graphics Interchange Format (GIF) works for both static and animated images. A popular use of GIF images—commonly called GIFs—is to repeatedly loop motions, which you cannot in real life. Many people have turned themselves into online celebrities through effective application of GIFs.

Read more
Simple Steps to Make Your Site Accessible With Cloudinary

Web accessibility (a11y) is about gaining an insight into—

It’s a blurry line between accessibility and usability (or user experience) and one might argue that they are actually the same thing. Nonetheless, if your audience can't use your app with ease and confidence, then it’s not accessible enough and the user experience is not good enough.

Read more
Learn three ways in which to tell appealing stories on video.

Video storytelling is one of the most effective means of conveying messages to your audience. It’s also a popular marketing tool because most people are automatically drawn to video. In eCommerce, if accompanied by attractive images and a compelling narrative, video storytelling uniquely connect with potential customers without fail.

Read more