Google Cloud Platform Blog
Product updates, customer stories, and tips and tricks on Google Cloud Platform
Cloud Spin Part 1: 180-degree animations on Google Cloud Platform
Monday, September 7, 2015
How do you build a fun, interactive, and engaging demo for Google Cloud Platform? For the
Google Cloud Platform Next events
,
Bret McGowen
,
Francesc Campoy
,
Kathy Kam
, and
Ray Tsang
were on a mission to do exactly that. Instead of a software demo that only runs on a presenter’s screen, we wanted to build a physical exhibit that was interactive, educational and—most importantly—fun!
We also wanted the demo to be widely accessible. It needed to be something people could build at home, even those who couldn’t go to the event could try it out. To make the demo reproducible, we used:
Open source software
—so anyone can use and contribute to it
Off-the-shelf components
—so the hardware is inexpensive and easy to obtain
Cloud Spin
We started off with the idea of a photo booth, but we wanted something more fun and challenging. We agreed on a photo booth that can rotate an image through 180 degrees, producing a three-dimensional effect. Our project, Cloud Spin, uses 19 Android phones set 10 degrees apart in a half-circle.
When you step into the center of the half circle, all of the Android phones will capture a still image at exactly the same moment, like these:
The Cloud Spin software running in Google Cloud Platform then compiles all the images into a single 180-degree animated GIF.
You can find more Cloud Spin animations on our Twitter feed:
@googlecloudspin
.
We're in the process of releasing the source code. Our hope is that you can get together with 18 of your friends (and their smartphones) to make your own Cloud Spin animations.
Over the next few weeks, we're going to take you through how we built Cloud Spin.
The First Challenge
When you tell an Android phone to take a photo, there can be a delay before the phone actually takes the photo. Having all 19 phones capture the exact same moment is nearly impossible. To make the animation as smooth as possible, the photos must be taken within a 20-millisecond time period.
Since instructing the phones to take a single, simultaneous, photo wouldn’t work, we had the phones capture an 8-second, 30-frames-per-second video starting at approximately the same time. This ensures that each video has frames that overlap the same moment in time.
Next, we needed a way to identify the exact instant to use as the GIF, and extract the frames for it from across the 19 different videos. We considered a number of methods to identify the frames, including using simple timestamps, image-recognition algorithms, or a standard camera flash. We considered the pros and cons of each method and in the end, we settled on a simple solution—an audio cue.
Clapperboards
have had a long history in the movie industry. The bang from slamming down the hinged stick helps movie editors synchronize videos taken from different cameras. We didn’t have a clapperboard, so as you jump into the air, the Cloud Spin operator presses a button on a tablet to generate a short audio beep (2600 Hz) that's recorded as part of each video:
We can then analyze the audio stream of the video to find the beep and map that to the video frame. Matt Condon, a summer intern at Google, helped us develop the initial Python code. He used
Numpy
and
MoviePy
to analyze the audio stream from each video and extract the frame that contained the audio beep.
Then we stitched together the frames from each Android phone with
ffmpeg
to produce a spinning animated GIF.
Because we could be taking hundreds of Cloud Spin videos in a single event, we needed to design an architecture that could scale to meet the demo’s compute demands.
Stay Tuned
We used several Google Cloud Platform services to orchestrate video recording on all 19 phones, store the Cloud Spin videos, locate the shared frame and stitch together the animated GIFs.
By running our apps on a managed infrastructure, we could focus 100% of our time on writing code and developing the demo experience. Ultimately, we created an interconnected system composed of four Android applications, one web-based application, and three backend processes in only three weeks.
In the next installment of this series, “
Cloud Spin, Part 2: Building mobile apps to orchestrate video recording
,” Bret McGowen will describe how we:
Orchestrated video recording on all 19 phones with Firebase
Recorded and saved the video using the Camera API
Uploaded the video to Google Cloud Platform for processing
On behalf of all of us, we hope you’ll find the Cloud Spin blog series informative, useful and fun.
-
Posted by Ray Tsang, Google Cloud Platform Developer Advocate
Free Trial
GCP Blogs
Big Data & Machine Learning
Kubernetes
GCP Japan Blog
Labels
Android
1
Announcement
15
Announcement Partners Technical Customers Compute Networking Storage Big Data & Analytics Developers Compute Engine Cloud Storage Cloud SQL Cloud BigTable
1
Announcements
1
api
2
app engine
50
Atmosphere Live
1
Big Data & Analytics
7
bigquery
15
BigTable
2
CDN
1
Cloud Console
2
Cloud Dataflow
5
Cloud Datastore
7
cloud endpoints
1
Cloud Pub/Sub
2
Cloud SDK
1
cloud sql
12
cloud storage
27
Cloudera
1
Compute
5
Compute Engine
56
container cluster
1
Container Engine
1
Container Registry
1
customer
59
Customers
4
Dataflow
4
DataLab
1
Dev Tools
1
developer tools
5
developer-insights
6
Developers
2
Developers Console
2
devfests
4
Disaster Recovery
1
Encryption Keys
1
ESG
1
Event
4
events
11
GA
1
Gaming
1
Go Client
1
Google App Engine
5
Google Apps
1
Google BigQuery
8
Google Cloud Deployment Manager
1
Google Cloud Networking
2
Google Cloud Platform
8
Google Cloud Storage
7
Google Compute Engine
9
Google Container Engine
1
gRPC
1
hadoop
3
Hardware
1
Helium
1
how to
2
IO2013
3
iOS
1
Kubernetes
15
Levyx
1
Local SSD
2
Logging
1
mapreduce
1
Media
3
Mobile
1
Nearline
1
networking
3
open source
98
PaaS Solution
1
Partner
12
Partners
2
Pricing
4
Products
15
Pub/Sub
2
Research
1
round-up
8
Security
12
Server
1
Siggraph
1
solutions
4
Startup
1
Storage
2
Tableau
1
TCO
1
Technical
23
weekly roundup
7
Windows
1
Wowza
1
Zync
3
Archive
2016
Sep
Aug
Jul
Jun
May
Apr
Mar
Feb
Jan
2015
Dec
Nov
Oct
Sep
Aug
Jul
Jun
May
Apr
Mar
Feb
Jan
2014
Dec
Nov
Oct
Sep
Aug
Jul
Jun
May
Apr
Mar
Feb
Jan
2013
Dec
Nov
Oct
Sep
Aug
Jul
Jun
May
Apr
Mar
Feb
Jan
2012
Dec
Nov
Oct
Sep
Aug
Jul
Jun
May
Apr
Mar
Feb
Jan
2011
Dec
Nov
Oct
Sep
Aug
Jul
Jun
May
Apr
Mar
Feb
Jan
2010
Dec
Oct
Sep
Aug
Jul
Jun
May
Apr
Mar
Feb
Jan
2009
Dec
Nov
Oct
Sep
Aug
Jul
Jun
May
Apr
Mar
Feb
Jan
2008
Dec
Nov
Oct
Sep
Aug
Jul
Jun
May
Apr
Feed
Subscribe by email
Technical questions? Check us out on
Stack Overflow
.
Subscribe to
our monthly newsletter
.
Google
on
Follow @googlecloud
Follow
Follow
Follow