Cloudinary Blog

Sound Browser: How a Fizzy-Drink Spill Produces a Grand Prize Winner at Capitol360

Sound Browser: Grand Prize Winner of the Capitol360 Hackathon

Music videos, which comprise an important part of the video-streaming industry, are consistently the most-viewed content on streaming giants, such as YouTube and Vimeo. In exchange for free viewing, those channels serve advertisements for revenue. That business model creates a clumsy user experience, however, as a result of often-repeated ads that don't relate to the content.

Twenty-Four Hours and Counting

At the Capital360 Hackathon held in early June, mobile and web developer Brian Cottrell teamed up with 3D artist Candie Quach to build—in only 24 hours—Sound Browser, an amazingly impressive app that runs on the Fire TV platform. For that effort, they walked away with two thousand dollars in cash, five Ethereum coins, and the bragging rights to be called the Capitol360 Hackathon Grand Prize Winner.

The team expertly delivered images and a streaming video of exclusive content from Capitol Music with Cloudinary, which honored them with an award for Best Implementation of Cloudinary APIs.

Remarkably, the decision to build the Fire TV app was “last minute,” as Brian put it:

"Sound Browser, which ended up winning the grand prize at the Capitol360 hackathon, began with a last-minute decision to disconnect my FireTV and pack it along with my computer, moments before leaving for the event. Upon arrival, I had no idea what kind of project I would end up building and it wasn't until after the conclusion of the idea pitches, speaking with every sponsor, and after most other teams were formed and well underway that I finally decided on building a TV music video browsing and shopping app."

The most interesting thing about music tech hackathons is the tremendous amount of interesting ideas that are pitched and floating around the room. AR/VR, streaming of music services, monetization plays on blockchain--the list flows endlessly.

Taking an idea stream and turning it into an MVP that you can demo in the next 24 hours is real challenge for hackers. Time is so limited that you really must focus on finding the kernel of the idea, teaming up, and producing a minimum viable product that clearly showcases your concept.

The hackathon took place at the icon Capitol Studios in Studios A and B, a historic venue where music greats like Nat King Cole, Frank Sinatra, The Beatles, and score of other amazing singers made their careers. Packing 20 teams into the venue in such close quarters made the experience intimate.

At one point in the evening, someone got bumped, accidentally pouring a can of soda all over Eric Robinson’s laptop and basically clearing the table. Eric was able to dry out his laptop and continue to build Shorter AR and win the Cloudinary API prize for Most Creative. That spill changed the course of the evening for Brian, who explained:

“I narrowly avoided a can of soda that was spilled at my table and drenched the belongings of several other hackers. By that time, there was no one left to team up with. So, after asking all the people I could find if they were interested in joining and, coming up short, I eventually started working on the application, knowing that it was now or never given the relatively short build time. I then made a last attempt to find teammates and was able to convince a friend of mine, Candie, to join my project as night approached.”

Finally teamed up and ready, Brian and Candie divided the work and crushed it.

Sound Browser

The Ins and Outs

Brian and Candie built Sound Browser for Fire TV, a music-video browsing app, which includes a shopping interface for purchasing products featured in the videos. With that app, you can navigate a set of customizable, auto-generated playlists and zero in to the content to play. Behind the scenes is AI auto-tagging of videos, through which you can browse products discovered in the selected content and make purchases from the app. Sound Browser aims to create a seamless user experience—while still generating revenue for musicians—by presenting opportunities to purchase not only the products in the content you are viewing but also the musicians’ branded merchandise. In addition, you can buy directly through the TV app on Amazon's in-app purchasing system. All in all, an effortless shopping experience.

Sound Browser is an Android TV app built with Java on Android Studio. The playlists are generated by TiVo's playlist creator according to various styles and themes. Retrieval of content and metadata is accomplished by means of the Rovi Music API with platform-optimized media offered by Cloudinary's image and video management services.

Sound Browser

Congratulations, Brian and Candie, for a job well done.

Recent Blog Posts

Our $2B Valuation

By
Blackstone Growth Invests in Cloudinary

When we started our journey in 2012, we were looking to improve our lives as developers by making it easier for us to handle the arduous tasks of handling images and videos in our code. That initial line of developer code has evolved into a full suite of media experience solutions driven by a mission that gradually revealed itself over the course of the past 10 years: help companies unleash the full potential of their media to create the most engaging visual experiences.

Read more
Direct-to-Consumer E-Commerce Requires Compelling Visual Experiences

When brands like you adopt a direct–to-consumer (DTC) e-commerce approach with no involvement of retailers or marketplaces, you gain direct and timely insight into evolving shopping behaviors. Accordingly, you can accommodate shoppers’ preferences by continually adjusting your product offering and interspersing the shopping journey with moments of excitement and intrigue. Opportunities abound for you to cultivate engaging customer relationships.

Read more
Automatically Translating Videos for an International Audience

No matter your business focus—public service, B2B integration, recruitment—multimedia, in particular video, is remarkably effective in communicating with the audience. Before, making video accessible to diverse viewers involved tasks galore, such as eliciting the service of production studios to manually dub, transcribe, and add subtitles. Those operations were costly and slow, especially for globally destined content.

Read more
Cloudinary Helps Minted Manage Its Image-Generation Pipeline at Scale

Shoppers return time and again to Minted’s global online community of independent artists and designers because they know they can count on unique, statement-making products of the highest quality there. Concurrently, the visual imagery on Minted.com must do justice to the designs into which the creators have poured their hearts and souls. For Minted’s VP of Engineering David Lien, “Because we are a premium brand, we need to ensure that every single one of our product images matches the selected configuration exactly. For example, if you pick an 18x24 art print on blue canvas, we will show that exact combination on the hero images in the PDF.”

Read more
Highlights on ImageCon 2021 and a Preview of ImageCon 2022

New year, same trend! Visual media will continue to play a monumental role in driving online conversions. To keep up with visual-experience trends and best practices, Cloudinary holds an annual conference called ImageCon, a one-of-a-kind event that helps attendees create the most engaging visual experiences possible.

Read more