국내 CDN 업체 중 하나인 씨디네트웍스(CDNetworks)가 자사의 미디어 컨텐트 서비스를
체험해 볼 수 있는 사이트를 공개했다고 오늘 오전에 여러 미디어를 통해 발표했습니다.
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일 업데이트 한 내용 - 끝
-
STRIKER 2009/05/12 17:22
실버라이트 좋네요~
안녕하세요~ 실버라이트로 검색하다 우연찮게 들어온 박광호라고 합니다.
서버 프로그래머 인데요 작년부터 실버라이트가 땡겨서 실버라이트로 간단한것도 만들어보고 했었습니다.
이 솔루션 아이디어가 좋네요.. 마치 3D 온라인 게임에서 컬링하는 거랑 비슷한 개념인거 같은데요.. 제가 이쪽에서 일하다보니 비유가;
좋은 잘 보았습니다~계속 좋은 글 부탁드리겠습니다.-
길버트 2009/05/13 09:27
안녕하세요. 길버트입니다.
3D 온라인 게임쪽은 제가 잘 모릅니다만,
컬링이란게 네트웍 상황에 따라서 고객의 불편을 최소화하기 위한
어떤 조치를 자동적으로 해준다는 것으로 이해하면 되나요?
넘겨 짚지 말고 제가 한번 찾아봐야겠네요. ^^
부족한 글 읽어주셔서 감사하구요.
앞으로도 계속 실버라이트 관심 많이 가져주세요!
-
-
STRIKER 2009/05/13 11:30
네트워크쪽은 아니구요~ Client쪽 부하를 줄이기 위한 기술입니다..
3D에서 시야에 보이지 않는 곳을 렌더링 하지 않는 기술이지요..
네트웤 상황보다는 그 당시 상황에 따른 최적화를 해주는면에서 비슷하다고 생각되어서요^^;
게임 네트워크쪽은 P2P에서는 UDP를 사용하면 패킷이 가끔 루즈되는 현상이 있긴 하나.
대부분 필요한 패킷을 추려서 보내기 때문에 온라인 서버쪽에서는 BitRate같은 기술을 사용하는 곳이 없는 것으로 알고 있습니다.
물론 제가 아는 한도내에서지만...
이 솔루션 훌룡한 것같습니다..다양한 곳에서 사용될수 있는 솔루션이네요^^-
길버트 2009/05/13 13:30
네, Culling. 저도 찾아보니 내용이 그렇더군요.
상황에 따른 최적화를 해준다는 면에서는
맥락을 같이하네요.
좋은 것 알았습니다. 감사합니다.
-
-
클라인스 2009/05/13 11:47
안녕하세요. 길버트님~
잘 지내시죠??ㅎ
공도님은 그 이후로도 회사에서 MS분들이랑 몇번 뵈었는데
boxmile님과 길버트님은 최근에 뵌적이 없네요..ㅎ
좋은 포스팅 잘 보고 갑니다..ㅎ
Flash의 Dynamic Streaming, Silverlight Smooth Streaming...기대됩니다. ㅎ-
길버트 2009/05/13 13:33
안녕하세요. 클라인스님!
저는 잘 지냅니다.
무엇보다도 클라인스님에 대해서는 헤어스타일의 변모가
가장 궁금하네요. 현재는 어떤 모습을 하고 계실까나...
네~ 저희 안 본지 꽤 되었죠?
혹시 다음 주 MSDN 세미나 오시나요?
이번 네이버 스포츠 Live 서비스 건을 넘어서,
조만간 메인 페이지에서도 실버라이트 볼 수 있기를 기대하니다.
네이버, 실버라이트 파이팅입니다! ^^ -
클라인스 2009/05/14 16:11
이전에 했던 펌을 풀고 짧게 이발을 했더니
대부분의 분들이 몰라보시는 사태가 벌어졌답니다.^^
ㅎ MSDN세미나는 아직 미정입니다. ^^
가게되면 뵐 수 있을것 같습니다. ㅎ
행복한 하루 되세요.
감사합니다.^ㅡ^
-
-
-
길버트 2009/05/13 13:37
빨빤님 안녕하세요. 남겨주신 내용으로만 보면,
이 프로젝트에 참여하셨다가 중요한 역할을 하시고
중간에 빠지신 것 같은 느낌이 드는데요.
괜찮으시면 간단한 소개를 부탁드려도 될까요?
-
-
한심이 2009/06/02 11:17
안녕하세요~ 네이버 실버라이트 카페에서 보고 이렇게 건너건너 왔습니다.
궁금한점이 있는데요 저 사이트에서 보면 동영상의 bitrate랑 size 정보를 보여주는데요
제가 지금 siverlight 공부 중인데 mediaelement에서 저 정보를 보여주는 속성을 찾아봐도 안보이는데
특히 bitrate요 어떤 속성을 이용해서 나타내줄수 있는건가요? 가르쳐 주세요~
공도님께 질문해야 맞지만 길버라이트님도 실버라이트 잘하시는걸로 알고 있습니다. 알려주세요 ㅋ-
길버트 2009/06/02 11:38
동영상의 원본 사이즈는
MediaElement의 프로퍼티인 NatualVideoWidth와 NaturalVideoHeight를 통해서 얻으실 수 있구요.
MediaElement에 Source를 설정하신 다음, MediaOpened 이벤트발생 이후 시점에 쓸모 있는 값을 얻으실 수 있습니다.
그리고 Bitrate는 RenderedFramesPerSecond 프로퍼티를 통해서 얻으실 수 있습니다.
블로그 방문 감사드리고, 도움이 되시길 바래요.
아! 참고로 말씀드리면 저는 '길버라이트'가 아니고 '길버트'입니다. ^^;;;
-
-
박기민 2011/10/12 16:24
스무드 스트리밍을 구축해서 실버라이트로 재생을 할려고 합니다
서버내에 셋팅이 되었는데 이게 정상적으로 작동을 하는지 캐쉬로 이용하는지를 체크할려니
방법이 없네요 ㅠㅠ
스무드 스트리밍이 정상적으로 처리가 되는지
위에 영상을 보면 그래프로 나오는데요 체크할수있는 툴은어디서 구할수있나요
다운받을있는곳을 아시면 답글 부탁드려요 -
장미영 2011/11/10 01:38
어댑티브 스트리밍에 관해서 공부하는 학생입니다. 너무 모르겠어여 ㅜ.ㅠㅠㅜㅜ
smooth streaming이랑 adaptive streaming이랑 그럼 같은건가요???????
브랜드명이라고 하셨는데 ...뭔지 잘모르겠어여 ㅠ.ㅠ
저는 메일로 연락주시면 안될까영....
babo1872@naver.com
