ABOUT THE SPEAKER
Ryan Merkley - COO, Mozilla Foundation
Ryan Merkley is the Chief Operating Officer at the Mozilla Foundation, and is dedicated to making the web a more user-friendly place.

Why you should listen

A native of Toronto, Canada, Ryan Merkley is the Chief Operating Officer at the Mozilla Foundation. He has devoted his career to "helping users of the web become makers of the web." Merkley advocates for open data initiatives, especially in regards to the public sector.

More profile about the speaker
Ryan Merkley | Speaker | TED.com
TEDGlobal 2012

Ryan Merkley: Online video -- annotated, remixed and popped

라이언 머클리(Ryan Merkley): 설명, 리믹스, 팝업이 있는 온라인 영상

Filmed:
727,309 views

모질라 재단의 COO 라이언 머클리는 인터넷에 있는 영상은 역동적이고 편집할 수 있으며 실시간으로 업데이트 되는 링크와 지도 그리고 정보로 가득찬 웹 그 자체와 같이 작동해야한다고 말합니다. TED 무대에서 그는 영상을 쉽게 리믹스할 수 있는 웹 기반 도구인 팝콘 메이커를 시연합니다(팝콘 메이커를 이용해서 리믹스된 TED talk을 보시고 직접 바꿔보세요).
- COO, Mozilla Foundation
Ryan Merkley is the Chief Operating Officer at the Mozilla Foundation, and is dedicated to making the web a more user-friendly place. Full bio

Double-click the English transcript below to play the video.

00:17
To understand알다 the world세계 that live살고 있다 in, we tell stories이야기.
0
1544
3969
우리가 살고 있는 세계를 이해하려고
우리는 이야기를 합니다
00:21
And while remixing재 혼합 and sharing나누는 have come to define밝히다
1
5513
3470
또한 리믹스를 만들고 공유하는 것이
00:24
the web편물 as we know it,
2
8983
1581
우리가 알고 있는 웹을
정의하는 것이 되면서
00:26
all of us can now be part부품 of that story이야기 through...을 통하여 simple단순한 tools도구들
3
10564
3835
온라인으로 뭔가를 만들 수 있는
간단한 방법을 통하면
00:30
that allow허용하다 us to make things online온라인.
4
14399
2465
이제는 누구나 그 이야기의
일부가 될 수 있습니다
00:32
But video비디오 has been left out. It arrived도착한 on the web편물
5
16864
4082
하지만 영상은 예외였죠
작은 상자에 담아서 웹에 올려 놓으면
00:36
in a small작은 box상자, and there it has remained남은,
6
20946
2746
주변의 자료나 내용과는
00:39
completely완전히 disconnected연결이 끊긴 from the data데이터 and the content함유량
7
23692
3089
전혀 연관성 없이
00:42
all around it.
8
26781
1872
따로 존재해왔습니다
00:44
In fact, in over a decade로사리오 염주 on the web편물, the only thing
9
28653
1912
사실 10년이 넘도록 웹 상에서
00:46
that has changed변경된 about video비디오 is the size크기 of the box상자
10
30565
3596
영상에 대해서 변한 것이라곤
00:50
and the quality품질 of the picture그림.
11
34161
2877
크기와 화질 뿐이었습니다
00:52
Popcorn팝콘 changes변화들 all of that.
12
37038
3168
팝콘(Popcorn)은 이 모든 걸 변화시켰습니다
00:56
It's an online온라인 tool수단 that allows허락하다 anyone누군가 to combine콤바인 video비디오
13
40206
3113
팝콘은 누구나 웹에서 바로 뽑아낸
컨텐츠와 비디오를
00:59
with content함유량 pulled뽑은 live살고 있다 directly직접 from the web편물.
14
43319
3385
합칠 수 있게 도와주는 온라인 도구입니다
01:02
Videos비디오 created만들어진 with Popcorn팝콘 behave굴다 like the web편물 itself그 자체:
15
46704
3535
팝콘으로 만든 비디오는
마치 웹 그 자체처럼 행동하죠
01:06
dynamic동적, full완전한 of links모래밭, and completely완전히 remixable재 혼합 가능한,
16
50239
4047
역동적이고, 링크로 가득 차있고, 완벽히 리믹스할 수 있죠
01:10
and finally마침내 allowed허용 된 to break단절 free비어 있는 from the frame.
17
54286
4299
드디어 그 틀에서 벗어나게 되었습니다
01:14
I want to give you a demo데모 of a prototype원기
18
58585
2404
이번 가을에 론칭하려고 작업 중인
01:16
that we're working on that we'll launch쏘다 later후에 this fall가을.
19
60989
2040
시험 데모를 보여드리려고 합니다
01:18
It will be completely완전히 free비어 있는, and it will work in any browser브라우저.
20
63029
4946
완전 무료이고 모든 브라우저에서 작동됩니다
01:23
So, every...마다 Popcorn팝콘 production생산 begins시작하다 with the video비디오,
21
67975
3066
팝콘으로 만든 모든 제작물은
비디오를 기반으로 합니다
01:26
and so I've made만든 a short짧은, 20-second clip클립
22
71041
2386
그래서 워크샵에서 쓰는 뉴스 템플릿을 가지고
01:29
using~을 사용하여 a newscaster뉴스 해설자 template주형 that we use in workshops워크샵.
23
73427
3751
20초짜리 짧은 영상을 만들어 봤습니다
01:33
So let's watch it. We'll go back, and I'll show보여 주다 you how we made만든 it.
24
77178
3684
일단 보시고 제가 다시
어떻게 만드는 지 보여드리겠습니다
01:36
Hi안녕, and welcome환영 to my newscast뉴스 방송.
25
80862
2752
"안녕하세요,
제 뉴스에 오신 걸 환영합니다
01:39
I've added추가 된 my location위치 with a GoogleGoogle Map지도,
26
83614
2441
구글지도에 제가 있는 위치를 추가했습니다
01:41
and it's live살고 있다, so try moving움직이는 it around.
27
86055
3368
실시간이니 한 번 움직여보세요
01:45
You can add더하다 pop-ups팝 업 with live살고 있다 links모래밭 and custom관습 icons아이콘들,
28
89423
3392
실시간 링크와 자체제작한 아이콘으로
팝업 메뉴를 추가하실 수도 있고,
01:48
or pull손잡이 in content함유량 from any web편물 service서비스, like Flickr플리커,
29
92815
3464
플리커 같은 웹 서비스에서도
컨텐츠를 가져오실 수 있죠
01:52
or add더하다 articles조항 and blog블로그 posts게시물 with links모래밭 out to the full완전한 content함유량.
30
96279
4830
아니면 기사나 블로그의 글을
링크로 따와서 내용을 채워보세요"
01:57
So let's go back, and I'll show보여 주다 you what you saw. There was a lot there.
31
101109
3639
다시 돌아가서 어떻게 만드는 지 보여드리죠
아주 많습니다
02:00
So this is the timeline타임 라인, and if you've ever edited편집 된 video비디오,
32
104748
3426
자 이건 타임라인인데요
영상 편집을 해보신 분이라면
02:04
you're familiar익숙한 with this, but instead대신에 of clips클립 in the timeline타임 라인,
33
108174
2919
꽤나 익숙하실 겁니다
02:06
what you're looking at is web편물 events사건 pulled뽑은 into the video비디오.
34
111093
3586
다만 이건 영상이 아니라 영상에 나오는
웹 이벤트의 타임라인입니다
02:10
Now in this Popcorn팝콘 production생산 we've우리는 got
35
114679
2391
여기에는 제목이랑,
02:12
the title표제 card카드, we've우리는 got a GoogleGoogle Map지도 that shows up
36
117070
3753
영상과 같이 뜨는 구글지도가 있고요
02:16
picture-in-picture픽처 인 픽처, then Popcorn팝콘 lets~시키다 it push푸시
37
120823
2487
팝콘으로 이 지도가 프레임을 벗어나서
02:19
outside외부 the frame and take over the whole완전한 screen화면.
38
123310
3360
화면 전체를 차지하도록 만들 수도 있죠
02:22
There are two pop-ups팝 업 bringing데려 오는 you some other information정보,
39
126670
2669
다른 정보를 보여주는 두 개의 팝업창과
02:25
and a final결정적인 article with a link링크 out to the original실물 article.
40
129339
4378
원문으로 링크를 걸어
둔 마지막 기사가 보이네요
02:29
Let's go to this GoogleGoogle Map지도, and I'll show보여 주다 you how you can edit편집하다 it.
41
133717
3534
구글지도로 가서 어떻게
편집하는 지 보여드리겠습니다
02:33
All you do, go into the timeline타임 라인, double-click더블 클릭 the item,
42
137251
3249
타임라인으로 가서 아이템을 더블클릭 한 다음에,
02:36
and I've set세트 it to Toronto토론토, because that's where I'm from.
43
140500
2259
제가 토론토에 살아서
그곳으로 설정을 해놨습니다
02:38
Let's set세트 it to something else그밖에.
44
142759
3522
다른 곳으로 바꿔보죠
02:42
Popcorn팝콘 immediately바로 goes간다 out onto~에 the web편물,
45
146281
3131
팝콘은 바로 웹에 접속해서
02:45
talks회담 to GoogleGoogle, grabs움켜 잡다 the map지도, and puts넣다 it in the display디스플레이.
46
149412
3057
구글에 정보를 전송한 다음에
지도를 불러와서 화면에 보여줍니다
02:48
And it's exactly정확하게 the same같은
47
152469
1606
여러분이 만든 영상을 보는 사람들에게
02:49
for the people who watch your production생산.
48
154075
1736
보여지는는 것과 완전히 똑같죠
02:51
And it's live살고 있다. It's not an image영상. So you click딸깍 하는 소리 on it,
49
155811
2511
사진이 아니라 실시간이기 때문에 지도를 클릭해서
02:54
you zoom in, right down to street거리 view전망 if you want to.
50
158322
4230
확대를 할 수도 있고 원한다면 거리뷰까지 볼 수 있죠
02:58
Now in the video비디오, I mentioned말하는 adding첨가 a live살고 있다 feed먹이,
51
162552
3007
영상에서 제가 라이브 피드를
추가하는 것에 대해 언급했었는데요
03:01
which어느 we can do right now, so let's add더하다 a live살고 있다 feed먹이
52
165559
3181
지금 바로 플리커에서 라이브 피드를
추가해보도록 하겠습니다
03:04
from Flickr플리커. Go over to the right-hand오른손 side측면,
53
168740
2884
오른쪽에 있는 메뉴로 가서
03:07
grab그랩 Flickr플리커 from the list명부 of options옵션들,
54
171624
2389
목록에서 플리커를 선택한 다음에
03:09
drag견인 it into the timeline타임 라인,
55
174013
2247
타임라인으로 끌고오세요
03:12
and put it where you'd당신은 like it to go,
56
176260
2474
그러고는 원하시는 곳에 놓으시면
03:14
and it immediately바로 goes간다 out to Flickr플리커 and starts시작하다 pulling당기는 in
57
178734
2463
바로 태그에 기반하여
03:17
images이미지들 based기반 on the tags태그들. Now, my developers개발자
58
181197
3012
플리커에서 사진을 불러오게 됩니다
저희 개발자 중에
03:20
really like ponies조랑말, and so they've그들은 set세트 that as the default태만 tag꼬리표.
59
184209
3860
말을 아주 좋아하는 친구가 있어서
그게 기본 태그로 설정되어 있습니다
03:23
Let's try something else그밖에,
60
188069
3116
다른 한 번 해보도록 하죠
03:27
maybe something a bit비트 more relevant관련된 to today오늘.
61
191185
3568
오늘 주제랑 좀 관련이 있는 것으로요
03:30
Now here are live살고 있다 images이미지들 being존재 pulled뽑은 straight직진 from the feed먹이.
62
194753
2730
이 사진들은 피드에서 바로 불러온 것들입니다
03:33
If you come and watch this a week from now,
63
197483
1588
일주일 뒤에 다시 이걸 보신다면
03:34
this will be completely완전히 different다른,
64
199071
1544
완전히 다른 사진일거에요
03:36
dynamic동적, just like the web편물, and just like the web편물,
65
200615
2509
웹처럼 동적이고 모든 것들이 소스에 기반을 두고 있죠
03:39
everything is sourced출처가있는, so click딸깍 하는 소리 your link링크,
66
203124
2052
그래서 링크를 클릭하시면
03:41
and you go straight직진 to Flickr플리커 and see the source출처 image영상.
67
205176
3793
바로 플리커로 가서
원본 사진을 보실 수 있습니다
03:44
Everything you've seen today오늘 is built세워짐 with the basic기본
68
208969
2246
오늘 여러분들이 보시는 모든 것들은
웹의 기본 구조물이라고 할 수 있는
03:47
building건물 blocks블록들 of the web편물: HTMLHTML, CSSCSS and JavaScript자바 스크립트.
69
211215
3560
HTML, SCC, 그리고 JAVA Script로
만들어졌습니다
03:50
That means방법 it's completely완전히 remixable재 혼합 가능한. It also또한 means방법
70
214775
1919
그 말은 리믹스가 아주 용이하다는 뜻이죠
03:52
there's no proprietary소유권 software소프트웨어. All you need
71
216694
2564
또 따로 소프트웨어를 살 필요도 없고,
03:55
is a web편물 browser브라우저.
72
219258
2959
단지 웹 브라우저만
있으면 된다는 말이기도 합니다
03:58
So imagine상상하다 if every...마다 video비디오 that we watched보았다 on the web편물
73
222217
3370
우리가 인터넷에서 보는 모든 비디오들이
04:01
worked일한 like the web편물, completely완전히 remixable재 혼합 가능한,
74
225587
3046
웹처럼 변경이 용이하고
04:04
linked링크 된 to its source출처 content함유량, and interactive상호 작용하는
75
228633
2747
출처에 연결이 되어 있으며
비디오를 보는 모든 사람들과
04:07
for everyone각자 모두 who viewsviews it.
76
231380
2381
상호작용을 한다고 생각해보세요
04:09
I think Popcorn팝콘 could change변화 the way that we tell stories이야기 on
77
233761
2996
저는 팝콘이 인터넷에서
우리가 이야기를 하는 방식
04:12
the web편물, and the way we understand알다 the world세계 we live살고 있다 in.
78
236757
2378
그리고 우리가 사는 세상을 이해하는 방식을
바꿀 수 있다고 생각합니다
04:15
Thank you. (Applause박수 갈채)
79
239135
5686
감사합니다
(박수)
Translated by Kyo young Chu
Reviewed by Yunhi Maeng

▲Back to top

ABOUT THE SPEAKER
Ryan Merkley - COO, Mozilla Foundation
Ryan Merkley is the Chief Operating Officer at the Mozilla Foundation, and is dedicated to making the web a more user-friendly place.

Why you should listen

A native of Toronto, Canada, Ryan Merkley is the Chief Operating Officer at the Mozilla Foundation. He has devoted his career to "helping users of the web become makers of the web." Merkley advocates for open data initiatives, especially in regards to the public sector.

More profile about the speaker
Ryan Merkley | Speaker | TED.com