Cloudinary Blog

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

Delivering Video Highlights in Real-Time with 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

Create Lightweight Sites With Low-Code and No-Code Technology

Consumers expect modern websites to be mainly visual. But, the more compelling and complex the related media is, the more data is involved, compounding the site’s weight. In today’s content-craving world, delivering unoptimized media can cost you because it leads to sluggish page loads, resulting in visitors abandoning your site in search of a faster alternative. In fact, a page load that takes more than three seconds can cause as many as 40% of your visitors to bounce. Given this competitive, digital-first environment, you can’t afford to lose page views, for time is of the essence.

Read more
A Blueprint for AWS-Secured Webhook Listeners for Cloudinary

tl;dr: An AWS-secured and optimized Cloudinary webhook listener for extending the Cloudinary service

Code: Github

A webhook is a communication medium for sending notifications from one platform to another about events that occurred. In place are user-defined HTTP callbacks that are triggered by specific events. When a triggered event takes place on the source site, the webhook listens to the event, collects the data, and sends it to the URL you specified in the form of an HTTP request.

Read more
New Accessibility Features for Cloudinary’s Product Gallery Widget

Cloudinary’s Product Gallery widget, which launched in 2019, has enabled many brands to effectively and efficiently showcase their products in a sleek and captivating manner, saving countless hours of development time and accelerating release cycles. By adding Cloudinary’s Product Gallery widget with its customizable UI to their product page, retailers reap numerous benefits, often turning visitors into customers in short order.

Read more
Why Successful Businesses Engage With and Convert Audiences With Visual Media

Most business buyers prefer to research purchase options online, as do many shoppers. No wonder online retail sales in the U.S. rose by 32.4% in 2020—an impressive gain of $105 billion.

For B2B and B2C businesses, text-heavy websites are no longer adequate in attracting shoppers. Instead, engaging visual media—spin images, videos, 3D models, augmented reality—are becoming a must for conveying eye-catching details and differentiators about products or services.

Read more
Making User-Generated Content (UGC) Shoppable With Cloudinary

User-generated content (UGC) is a powerful marketing tool. Not only does video complement marketing efforts for e-commerce by enabling customers to explore products in greater detail, but UGC also adds an element of trust. As a bonus, user-generated video is an exceptional opportunity for e-businesses to attract website traffic without their marketing team having to create promotional videos from scratch. User-generated content drives conversions and brand loyalty as a direct result of authentic interaction.

Read more