Silverlight/News

CDNetworks의 Smooth 스트리밍과 실버라이트

길버트리 2009. 5. 12. 16:39

국내 CDN 업체 중 하나인 씨디네트웍스(CDNetworks)가 자사의 미디어 컨텐트 서비스를
체험해 볼 수 있는 사이트를 공개했다고 오늘 오전에 여러 미디어를 통해 발표했습니다.

ZDNet Korea 기사보기
전자신문 기사보기

CDN이란?

Content Delivery Network의 준말인데요. 말 그대로 컨텐트를 전송/배달하는 네트웍을 가진 회사입니다.
쉽게 설명드리면, 대량의 사용자를 대상으로 미디어(비디오, 오디오) 컨텐트를 스트리밍/다운로드 한다든가,
온라인 게임의 설치파일을 원활하게 다운로드하게 하기 위한 배포환경을 제공한다든가 하는 것입니다.

 

차세대 CDN 서비스 체험 사이트

여기에 가시면 씨디네트웍스가 공개한 체험 사이트(http://www.nextcdn.com)를 구경하실 수 있습니다.
한번 보시죠.

처음 페이지로 입장하면 궁금증을 유발하는 정육면체 박스들이 기다리고 있습니다.
이 박스들은 화면 하단에 아이콘 형태로 정리되어 있는 11개 서비스 각각에 대한 것입니다.

상자를 아무 것이나 클릭해 보시면 개성있고 아름다운 모습으로 변하면서 추가 클릭을 하도록 유혹합니다.

각 상자들의 유혹에 빠지셔도 상관없으나, 범고래가 뛰어 노는 “실버라이트 스트리밍” 서비스는
꼭 한번 체험해 보시기를 권해드립니다.

범고래의 비밀) 자세히 보시면 아래 물 속에서 돌아다는 고래와 수면 위로 점프한 고래가 다른 종류임을
아실 수 있습니다. 물 속의 것은 돌고래, 물 밖에 것은 범고래 입니다. 아마 디자인 소스를 구하시는데
한계가 있는 등 사정이 있으셨을 것으로 예상합니다만,  그 한계를 딛고 놀라울 정도로 완벽히 Sync를
맞춘 전문가님에게 박수를 쳐드리고 싶습니다. 대단하세요!

 

Silverlight Streaming (Smooth Streaming)

저의 본업은 실버라이트(Silverlight)인지라 실버라이트를 편애할 수 밖에 없습니다.
그래서 Silverlight Streaming이란 제목으로 소개하고 있는 Smooth 스트리밍에 대해서만 더 자세히 살펴보겠습니다. ^^

Smooth Streaming은 Adaptive Streaming이라고 불리우는 기술의 브랜드명입니다.
저에게도 Adaptive Streaming보다 Smooth Streaming이 훨씬 친근하게 들리네요?
사용자에게 더 쉽게 다가가기 위해 이런 브랜드 명을 쓰고 있습니다.

사실 Smooth 스트리밍은 Silverlight 기술이 아니며, Windows Server에 설치되는 웹서버인 IIS 7.0을 통해
지원되는 기술입니다. 그리고 그 기술을 통해 스트리밍하는 미디어를 웹을 통해 보여줄 수 있는 현재 최고의 기술이
Silverlight인 것입니다. 그러므로 Silverlight Streaming이라고 소개할 수 있는 것이지요.

우선 이해를 돕기 위해 화면에 마우스 오버하면 상단 메뉴들 바로 아래 나타나는 물음표 버튼을 클릭하십시오.

그러면 아래와 같은 설명이 펼쳐집니다.
ORIGIN 서버에서 미디어를 스트리밍하는데, EDGE서버의 네트워크 컨디션(주황색)에 따라 자동으로
스트리밍 전송율(Bitrate)가 변화하는 것을 표현한 것입니다.

그렇습니다. 사용자의 네트워크 상태에 따라 서버가 맞춰 준다는 뜻입니다.
자 그럼 설명 창을 닫으시고 동영상 화면으로 돌아가 보십시오.

동영상이 나오는 동안 하단 중앙의 Bitrate 표시바와 Bitrate 그래프가 꼬물꼬물 움직이실 거예요.
이게 바로 사용자 네트워크 상황에 맞게 전송율을 자동으로 변화시켜 주고 있는 것을 보여주고 있습니다.

오른쪽의 Bitrate 그래프를 클릭해 보시면, 영상 오른쪽에 좀 더 상세한 그래프를 보여줍니다.

동영상의 보지 않은 부분을 클릭하시면 그래프가 바닥으로 떨어졌다가 다시 스멀스멀 올라오는 것을
확인하실 수 있습니다. 바로 여기에 동영상을 볼 때 버퍼링을 거의 없앨 수 있는 비밀이 숨겨져 있는데요,
눈치 빠르신 분들은 위에 설명한 내용만으로도 벌써 짐작하셨겠습니다.

동영상이 최초로 재생되기 시작하거나, 동영상의 안 본 영역을 클릭하여 이동(Seek)하게 되면,
저화질의 Bitrate로 스트리밍을 시작합니다. 그러다가 점점 가속하여 고화질의 Bitrate에 도달하게 됩니다.
캡쳐 이미지의 계단식 그래프 보이시죠?

샘플 동영상 목록에서 다른 동영상을 선택해 보시거나, 동영상 재생 진행율 표시바에서 안 보신 부분으로
점프를 해보시거나 하여 한 번 성능을 체험해 보시기 바랍니다.

Smooth Streaming 이전의 스트리밍 서비스를 비교체험해보시려면 왼쪽 하단의 ORIGINAL 버튼을
눌러보세요.

그리고 동영상이 실행되면, 재생 진행율 표시바에서 안 보신 부분을 클릭해서 점프해 보십시오.
추억(?)의 버퍼링을 체험하실 수 있습니다.

버퍼링은 있지만 고지식하게 한번 결정한 Bitrate를 고집하는 스트리밍과
네트워크 상황에 따라 잠깐씩 화질은 안 좋아질 수 있지만 끊김(버퍼링)없이 영상을 보여주는 스트리밍 중
어떤 것이 소비자를 더 만족시키는 UX(사용자 경험)를 제공할까요?

한편, 화면 오른쪽 하단의 돋보기 아이콘을 누르면 확대경 컨트롤이 등장하여,
Bitrate에 따른 화질 변화를 좀더 잘 관찰하실 수 있습니다.

 

자 어떠신가요? 미국의 유명 CDN업체 Akamai가 예전에 선보였던 데모사이트 Smooth HD 보다 나은가요?
실버라이트 스트리밍 부분은 저희회사(휴즈플로우)의 공인석(aka.공도)팀장이 맡아서 구현하였습니다.

이렇게 멋진 체험장을 구현하기 위해 고생한 공팀장과 씨디네트웍스 여러분,
그리고 한국마이크로소프트 여러분들에게 경의를 표합니다.

 

여기까지 읽으셨다면 몇몇 분들은 Smooth Streaming에 대해 더 알고 싶어지셨을 것 같아요!!
그런 분들은 아래의 포스트들로 그 갈증을 어느 정도 해결하실 수 있으시리라 생각합니다.

준서아빠님의 [Silverlight] Adaptive Streaming - 스트리밍 서비스의 확장
준서아빠님의 [Silverlight] 실버라이트 미디어 서비스에 더이상의 "버퍼링"은 없다.
까만돌님의 IIS7 미디어 서비스, Smooth Streaming에 대한 소개
Smooth Streaming (IIS Extension) Download

 

결론

실버라이트 쓰십시오. 실버라이트 좋습니다.

 

 

<보너스>

공도씨한테 얻은 정보인데 실버라이트 스트리밍(Silverlight Streaming) 체험 페이지로 바로 이동할 수 있는
다이렉트 URL이 있답니다. 아래 링크를 확인하세요.

http://www.nextsmooth.com/

조만간 올라올 공도씨의 후기를 기대합니다.

5월 13일 업데이트 한 내용  - 시작
빨빤(유석현)님의 포스트를 보니,
전체 웹사이트는 디자인피버에서 작업을 하셨다고 하네요.
디자인피버 대단합니다!
5월 13일 업데이트 한 내용 - 끝