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

Cloudinary Product Gallery Enables Dynamic Buyer Experience

We live in a world where we spend increasingly more time online. As our routines change and adapt to new trends and technologies, we perform more and more of our daily activities in virtual environments. A key example of this is shopping. There are many reasons why online shopping has become so attractive for many buyers. A near endless variety of products is accessible from the palm of your hand. Customer reviews give buyers more confidence in their decisions. It's increasingly easy to search for attractive prices. And the list goes on. But a customer's desire to "touch" or "feel" the product is an interactive experience that can be hard to overcome when shopping online.

Read more
A Guide to Website Image Optimization and Performance

Part 1 of this series delves into the background for this guide. Here in part 2 are the ins and outs.

Wait, hear me out. I know, we just talked about this: Nobody is sheepishly pleading you, “Please, might we have just one more image on the page?” No, I’m not telling you to pick that particular fight. Instead, use a little smoke and mirrors to avoid requests for images that your audience needn’t render right away and might never need at all while loading them asynchronously—only as needed.

Read more
A Guide to Image Optimization for Website Performance

I’ve spent a lot of time thinking about the rules of putting images on the web.

For such a flexible medium as the web, software development can feel like a painstaking, rules-oriented game—an errant comma might break a build, a missing semicolon might wipe out an entire page. For a long time, the laws of image rendering seemed similarly cut-and-dry: For example, if your markups contained an img element , the singular content of its src attribute would be foisted on the audience regardless of their browsing context, period.

Read more
Digital Asset Management Platform: Meeting Customer Expectations

Consumers today expect media-rich experiences. No longer a novelty, it’s second nature to swipe through multiple photos on mobile apps, zoom in on product images for a closer look, visualize online travel reviews, socialize cool video clips while browsing, and encounter brand messages when walking into brick-and-mortar stores. These experiences weave together visual cues and clues with relevant content to create meaning and more authentic connections for customers.

Read more
How to Customize Cloudinary's eCommerce Android App

Recently we added the Cloudinary Demo - eCommerce App to the Google Play Store. This app demonstrates the best practices for optimal delivery of images on a storefront, including category pages, product pages, and a shopping cart. At the time, we published Introducing the Cloudinary Demo Android App, Part 1, which provided an under-the-hood tour of how the eCommerce Android App was designed and how Cloudinary was integrated throughout.

Read more