1 of 26

We Live in the Future

360 Video & Higher Ed

http://2cc.co/heweb16

2 of 26

Who We Are�Colorado College Web & Digital Media Team

Karen To

@ktoftw

Arielle Mari

@ariellemari

Mark Lee

@therealmarklee

3 of 26

Outline

  • What is 360 video and what are its uses?
  • How have we used it?
  • What’s next?

4 of 26

5 of 26

6 of 26

Why 360 in �Higher Ed?

  • Immersive experiences for alumni
  • Make the campus accessible to people who can’t visit
  • Use a variety of channels to appeal to different audiences

7 of 26

Our first foray into 360 video:�Ricoh Theta S

8 of 26

9 of 26

The novelty will only get you so far.�Tech is not enough on its own.

One early lesson?�

10 of 26

11 of 26

12 of 26

Creative Priorities

Highlight our people and place

13 of 26

A few things we’ve done so far:

14 of 26

Getting it out there�

How and where to publish 360 content

15 of 26

How it’s viewed:

In inverse order of immersiveness:�Desktop/laptop�Smartphone/tablet w/o gyro�Smartphone/tablet w/ gyro�Smartphone w/ Cardboard or other lite viewer�“Real” VR gear (Oculus, Vive, etc.)

16 of 26

There is no one-size-fits-all solution

for posting/sharing:

Some places you might want to share 360 video:

  • YouTube
  • Facebook
  • Twitter
  • Your website
  • Instagram

17 of 26

YouTube

There is not yet a “YouTube for 360”

But when there is, it’ll probably be YouTube

A 360 video published to YouTube, can be shared/viewed on:

Your site

Facebook

YouTube

Twitter

Desktop/laptop: Y

Mobile: Y+N (flat/er)

Desktop/laptop: Y

Mobile: Y+N (flat/er)

Of course :)

Desktop/laptop: Y

Mobile: Y �(opens in YT app)

18 of 26

Facebook

Facebook is good for posting 360 videos to FB, but not much else.

A 360 video published to Facebook, can be shared/viewed on:

Your site

Facebook

YouTube

Twitter

Desktop/laptop: Y

Mobile: Y+N (flat/er)

Desktop/laptop: Y

Mobile: Y

NO WAY

NOPE

19 of 26

Twitter

No real native support yet. Use YouTube if you want to tweet a 360 video.

20 of 26

Instagram

Not yet

21 of 26

Embedding into your site

webVR

A-frame - aframe.ioAn open-source WebVR framework for creating virtual reality experiences with HTML.

<a-scene>

<a-videosphere src="myvideo.mp4"></a-videosphere>

</a-scene>

Google VR View - github.com/googlevr/vrview

YouTubeYT 360 embeds are not working on the mobile web yet.

Three.js

3D graphics JavaScript library. Not VR-specific but includes building blocks for interactive 360 vid.

22 of 26

A-frame example

23 of 26

What’s next for 360 video?

  • More mainstream consumption channels
  • Better quality video
  • Google Daydream
  • Spatial audio
  • Easier ways to embed on the web

24 of 26

What’s next for Colorado College?

25 of 26

Next up: 360RIZE Mount

26 of 26

Questions?