TYZEN's NETLOG

현재 유튜브에서 버젼 3으로 업데이트 되어 사용이 불가능합니다. 시간이 나면 업데이트 하도록 하겠습니다. 간만에 업데이트 했습니다. 현재 버젼은 1.5 입니다. 추가사항: 1. 메뉴바 Autohide 기능 추가 2. 썸네일 재생시간 표시 추가 3. Button 수정 (back & next 버튼 수정 ) 4. 아이템 수 표시 5. jQeury 삭제 썸네일 플레이 재생시간 표시기능은 투선 커뮤니티를 참조하였습니다. 진심으로 감사합니다. 안녕하세요! YouTube API 매니아 TYZEN입니다. 요즘 계속해서 YouTube API와 관련해서 많은 문의가 발생을 하고, 제가 작성한 것을 동의없이 사용하는 경우가 많이 발생을 해서 YouTube API 검색엔진 Script를 공개를 하고자 합니다. 제가 작성한 프..

YouTube API Search Engine Script 두 번째 버젼인 MIXVI 입니다. 그동안 YouTube API를 배워가면서 익힌 모든 것을 집약하였습니다. 현재 가장 빠른 응답을 보이는 JSON-C 포맷은 아니지만, 동영상 검색 정보를 쉽게 확인하실 수 있으며, 본문에 제목과 저자까지 담았습니다. 그리고 유튜브 채널의 아이디를 클릭하시면 각 채널별 동영상도 모두 검색 하실 수 있습니다. 이제는 YouTube에서 제공하는 AS3 플레이어도 광고가 삽입이 되는 점이 많이 아쉽습니다. 제가 공개하는 스크립트는 MIXVI 버젼으로 자바스크립트로 작성하였으며, 소스를 이용해 어느 곳에서도 사용하실 수 있습니다. 또한 현재 운영되는 MIXVI와 공개하는 Script는 조금 다릅니다. 공개 버젼은 한페이..

지난달에 시험삼아서 QUVIC Script를 HotScripts.com에 등록 하였는데, 오늘 드디어 승인이 되었네요 제가 만든것을 외국에서도 인정을 해주는 군요^^ 앞으로도 시간나면 업데이트 하여 계속 올려 봐야 겠습니다. Congratulations! Your recent submission to HotScripts.com has been approved, and your resource is now included in the Internet's web resource directory! Below is a synopsis of your submission: --------------------------------------------------------------------------- Tit..

TEXTTUBE is a closed source PHP library that displays gorgeous YouTube video galleries in TEXTCUBE. It's NOT available as a TEXTCUBE plugin or as a stand-alone PHP library. but You can make it! 몇일전에 작성한 PHP에서 유튜브 API 활용편을 참조로 하여 직접 도메인도 구입하고, 호스팅 서비스를 받아서 사이트를 개설하여 보았습니다. MOVYX는 99% 복제 였었는데, TEXTTUBE는 복제없이 순수하게 제 힘으로 제작을 하였습니다. PHP와 JavaScript를 배우기위해 도서관에서 책을 빌려가면서 했었습니다. 하나 둘씩 스크립트를 수정 했던것이 제가 ..

온라인 동영상 공유 사이트로는 유튜브가 단연 독보적인 인기를 끌고 있습니다. 현재 viacom과 저작권과 관련하여 법정 다툼을 벌이고 있지만, 어떻게 결과가 나올지도 정말 기대가 되고 궁금합니다. 유튜브는 현재 동시대에 가장 많은 동영상을 보유한 사이트 입니다. 매일 새로 올라오는 동영상 수가 수십만 개에 이르며, 하루 페이지 조회 수만도 수십억 회에 이릅니다. 유튜브는 홈 동영상뿐만 아니라 음악 동영상, TV 쇼 클립, 개봉할 영화 예고편, 애니메이션 클립 등 온갖 동영상을 제공합니다. 사용자는 동영상에 키워드 태그를 추가할 수 있으며, 특정 시점에서 가장 인기 있는 동영상을 감상할 수도 있습니다. 유튜브가 제공하는 멋진 기능 중 하나가 유튜브 API 입니다. YouTube API를 사용하여 언제 어느..

동영상 Lightbox 세번째 갤러리 Fancy Box 입니다. 파이어폭스에서는 안되네요^^

Videobox를 이용해 유튜브 갤러리를 만들 수 있습니다. 정말 간단합니다. Download 3 javascript files css file(for the styles) URL our video

이번 시간에는 지금까지 학습한 것을 응용해 누구나 이용할 수 있도록 사용자가 좀더 쉽고 편한 방법으로 접근을 하고, 유튜브계정에 등록한 즐겨찾기 또는 재생목록을 이용해 갤러리를 만들고 자동플레이(순차적재생) 하는 방법에 대해 알아보도록 하겠습니다. 일반적인 순차적재생은 DB로 연결해서 사용하는 것으로 알고 있는데, 저는 아직 실력이 부족해서 그 방법은 잘 모르겠습니다. 제가 사용한 방법은 동영상이 끝나기 1초전에 강제로 정지시키고, 다음 영상을 로딩시키는 방법을 사용하였습니다. 그리고 만약에 유튜브 이용자가 많을 경우 다음영상이 바로 로딩이 되질 않아서 먹통이 되는 경우도 있습니다. 정상적일 경우 Never Stop이 됩니다. DEMO : My Playlists & Autoplay Source 자동플레이..

jQuery Plugin nyromodal을 이용해 유튜브 갤러리를 만들 수 있습니다. 정말 간단합니다. 이 외에도 많은 라이트박스 효과가 있습니다. Videobox

YouTube API 마지막 시리즈인 Thumbnail에 효과를 주는 것에 대해 살펴 보도록 하겠습니다. 아래 내용은 저의 개인적인 취향이므로 참고하는 정도로 활용하시면 되겠습니다. 1. Title 글자 수 조정 위의 마지막 DEMO에서 Title의 글자수가 모두 나옵니다. 줄여 주고 싶을 경우 .substr(0,40) 를 추가하여 글자 수를 통일하거나 줄여줍니다. 40을 조정하여 원하는 글자수로 조정합니다. html.push(' ', title.substr(0,40), '');} 2. Thumbnail Animation & Hover Effects 시간대 별로 넘버링된 이미지 번호, videoID와 image border를 활용하면 애니메이션과 후버 효과를 나타낼 수 있습니다. html.push('')..

유튜브 플레이어 API 를 통해 유튜브에서 제공하는 플레이어들을 살펴보고, 동영상 변경이 가능한 방법과 다양한 효과에 대해서 살펴 보았습니다. 그리고 유튜브 DATA API를 통해 동영상 DATA를 처리하는 방법 또한 살펴 보았습니다. 이번에는 썸네일 첫번째 영상을 자동으로 플레이어에 로딩 시키는 좀 더 쉽고 간결한 방법에 대해서 알아 보도록 하겠습니다. 아래 문장에서 i 는 비디오 정보의 노드인 items의 넘버를 나타냅니다. 만약 썸네일의 갯수가 10개라면 i 는 0에서 시작하여 9로 끝나게 됩니다. 그러므로 첫 번째 동영상 정보는 i=0 이 됩니다. loadingVideo 라는 새로운 function을 만들어 아래처럼 하여 작성하여 주면 처음으로 표시되는 썸네일의 영상이 자동으로 로딩이 됩니다. 자..

유튜브 API 두번째 시리즈 유튜브 DATA API 입니다. 앞에서 작성한 유튜브 플레이어 API를 통해 동영상 내용물이 변경 가능하도록 하였습니다. 유튜브 API에서 가장 핵심인 유튜브 DATA API 에 대해 살펴보도록 하겠습니다. 제가 컴관련 지식이 얇으므로 제가 아는 한도내에서 설명을 하도록 하겠습니다. 그리고 어려운 전문용어는 저도 모를 뿐더러, 설명에 방해가 되므로 최대한 쉬운 설명으로 하겠습니다. 유튜브 DATA API를 이용하는 목적은 방대한 유튜브 영상중 사용자가 원하는 영상정보를 얻어서 웹상으로 표현하여 간편히 시청 할 수 있도록 하기 위함입니다. 즉. 보고싶은 영상정보들을 썸네일로 표현하는 것입니다. 보고싶은 영상을 요청하는 방법은 JSON(자바스크립트객체) 방식을 이용하는 것입니다...

Resize Player 유튜브 플레이어의 크기를 조절하여, 16:9 혹은 4:3 비율로 시청하실 수 있거나 다양한 크기로 동영상을 시청하실 수 있습니다. 2009년 전까지만 하더라도 표준비율인 4:3 비율로 주로 업로드가 되었으나, 현재는 대부분의 사용자가 황금비율인 16:9 비율로 업로드가 되고 있습니다. 비율이 통일이 되질않아서 하나의 비율로 고정을 할 경우 검정색 레터박스가 보여지게 됩니다. 그러한 검정색 레터박스가 보기 싫거나 웹화면에서 다양한 크기로 변경하고자 하는 분들은 아래의 소스를 이용하시길 바랍니다. 이용시 주의할 점은 "ytPlayer" 속성을 일치시켜야 합니다. /** * Resizing the player in JavaScript. */ // Make the player small..

유튜브 API 첫번째 시리즈 유튜브 플레이어 API 입니다. 현재 유튜브에서 제공하는 플레이어는 3가지 종류가 있습니다. 일반적인 embedded 플레이어, 새롭게 출시된 ActionScript 버젼3 플레이어, 그리고 크롬리스 플레이어 입니다. 각 플레이어마다 고유의 특징을 가지고 있습니다. 플레이를 실행하시면 느끼실 수 있을 것입니다. AS3과 크롬리스는 관련동영상이 제공되지 않으며 그리고 광고없이 시청을 하실 수 있습니다. 유튜브 플레이어 API를 이용하는 목적은 유튜브 Data API로 얻어진 검색 결과물의 영상들을 시청하실 수 있도록 하기 위함입니다. 각 플레이어의 예는 아래와 같으며, 소스도 활용하실 수 있습니다. Normal Embedded Player AS3 Embedded Player C..

YouTube API를 사용하여 언제 어느 화면에서든 YouTube를 볼 수 있습니다. YouTube API 및 도구를 사용하면 YouTube의 동영상 콘텐츠와 기능을 당신의 웹사이트, 소프트웨어 응용프로그램 또는 장치에 통합할 수 있습니다. 플레이어 API와 데이터 API 플레이어 API를 사용하여 자신의 웹사이트에서 YouTube 동영상 재생을 제어할 수 있습니다. 기본 설정을 구성하고 플레이어 인터페이스를 조정하며 고유한 플레이어 컨트롤을 만들 수 있습니다. 데이터 API를 사용하여 자신의 응용프로그램이나 웹사이트에 YouTube 기능을 포함시킬 수 있습니다. 검색, 동영상 업로드, 재생목록 작성 등의 작업을 할 수 있습니다. 유튜브가 제공하는 멋진 기능 중 하나가 유튜브 API 입니다. 유튜브 A..

iPhone 에서도 가능한 유튜브 동영상 검색엔진 입니다. Motoroi도 가능합니다. 쌤쏭 갤럭시S는 안되네요^^ 플레이어내에서 변경하는 것이 아니라 오브젝트를 클릭시 마다 변경시켜 줌으로 인해 가능합니다. 또한 해당 비디오 정보를 상세하게 보실 수 있습니다. Recently Featured | Top Rated | Most Viewed | Most Popular Get This Script

3개월간 유튜브 API를 공부하면서 알게된 유튜브 활용방법에 대해 알아보도록 하겠습니다. 좀더 편하고 다른 방법을 찾고 계신다면 아래의 방법을 이용해 보세요. 1. 다운로드 간편히 유튜브 영상을 다운로드 받을 수 있는 방법 a. Real Player 인터넷 초기에 많은 인기를 누렸던 real player를 설치하여 다운을 받는 것입니다. 설치를 해주시면 동영상을 시청할 경우 자동적으로 다운로드 버튼이 생성됩니다. a. firefox addon Easy YouTube Video Downloader 파이어폭스 브라우져를 사용하고 계신다면 위의 애드온을 설치하여 유튜브 사이트내에서 시청할 경우 자동적으로 다운로드 버튼이 생성이 됩니다. 2. 버퍼링 줄이기 동영상을 시청하다 보면 자주 버퍼링이 발생이 됩니다. ..

2년전 이맘 때 UCC라는 단어가 유행할 때 싸이월드에 처음으로 소니베가스와 버츄얼덥으로 편집하여 뮤직비디오와 영화속 명장면들을 헤비하게 업로드 하던 기억이 납니다. 거의 200여편에 가까운 동영상인데, 모두 저작권에 위반되는 영상들 이었습니다. 그때의 과제는 어떻게 하면 검은색 바탕인 레터박스 없이, 최고의 음질과 화질로 업로드하는 것 이었습니다. 화면 비율과 코덱을 알면서부터 자연스레 해결이 되더군요. 이제는 2년이 지나서, 업로드보다는 WEB 2.0시대에 발맞추어 블로그에 융합할 수 있는 YouTube API에 도전을 하게 되었습니다. 처음의 시작은 소스보기를 통한 복사 붙여넣기 였습니다. 제가 제작한 MOVYX도 거의 복제와 짜집기에 의한 것입니다. 대략 3개월간의 정보수집을 통해 제작을 할 수 ..

유튜브 동영상을 페이지 이동없이 동일 페이지내에서 볼수는 없을까? 계속해서 동영상 갤러리를 만들면서 누구나 쉽게 할 수 있는 방법을 찾게 되었습니다. 제가 사용을 하면서 가장 편하고 좋은 소스이어서, 동영상 갤러리를 만들고자 하는 분들에게 소개를 하고자 합니다. 처음에는 아무것도 몰라서 무식한 방법으로 소스를 그대로 복사하여 붙여넣기 하기도 하였습니다. 어떤것은 되고, 또 어떤것은 불가능하고 여러번의 시행착오를 거쳐서 찾게 되었는데, 가장 쉬운 방법인 JSON을 이용한 방법입니다. 누구나 간편하게 소스를 복사하여 붙여넣기를 하면 됩니다. 그리고 비디오 선택은 앞에서 작성한 Video Feeds URL을 참조합니다. 보다 디테일한 검색을 위해서는 여기를 참조하시길 바랍니다. 즉, 소스에서 Video Fee..

지금까지 동영상 검색기, 플레이어 등 여러가지 방법으로 YouTube API에 접근을 하였습니다. 방대한 유튜브 자료 중 자신이 선호하는 동영상 자료만을 선택하여 활용하기 위해서는 가장 필수적인 YouTube Videos Feeds 주소를 알아야만 합니다. 아래 주소들을 활용하여 다양한 방법으로 블로그나 홈페이지에서 유튜브 영상들을 활용할 수 있습니다. 제가 예전에 만든 MOVYX도 아래의 주소를 참조하여 비디오 사이트를 만들었습니다. Feed Id URL top_rated URL: http://gdata.youtube.com/feeds/api/standardfeeds/top_rated top_favorites URL: http://gdata.youtube.com/feeds/api/standardfeed..

가장 기본적인 방식인 JSON 방식을 이용하여 YouTube 동영상을 검색하는 것입니다. 저에게 있어서는 접근하기가 가장 쉬었기 때문에, 이 방법으로 맨처음 접근을 했었습니다. 현재는 JSON-C format 으로 업그레이드 하였습니다. Loading... Player state: -- Current Time: --:-- | Duration: --:-- Bytes Total: -- | Start Bytes: -- | Bytes Loaded: --

텍스트큐브 블로그내의 Mini YouTube - TEXTTUBE YouTube API 를 처음 접한 10월 중순에, 욕심을 내서 TubePress 처럼 만들겠다던 처음의 목표를 넘어서 이제는 텍스트큐브 블로그내의 작은 유튜브 사이트를 만들게 되었습니다. 하나둘씩 배워나가면서 익히게 된것이 응용할 수 있을정도로 되었네요. 3개월 동안 머리속에는 YouTube 단어만 계속해서 맴돌더 군요.. 완성을 해서 너무나 기쁩니다. 저는 html, php, JavaScript 이런거 잘 모릅니다. 정식으로 배워 본적도 없습니다. 그러나 제게는 아무리 모르는 문장도 자주 보다보면 일정한 규칙을 발견하는 능력이 있는 것 같습니다. 그러한 능력과 욕심이 아래의 결과물을 만들어 내는 것 같습니다. Recently Featur..

유튜브 영상들을 활용하여 자신만의 스타일로 비디오 사이트를 만들 수 있을까? 드디어 주말을 활용하여 아침부터 지금까지 검색, 소스보기, 편집, 업로드, 삭제, 재업로드, 수정 등을 통해 완성을 하였습니다. 처음에는 정말 어렵고, 너무 답답해서 구입을 할까? 생각이 들더군요! 대략 $50정도의 정식S/W를 유료로 구입을 하면, 쉽게 할 수 있지만 그래도 직접 해결해야 뜻이 있는거 아니겠습니까? 아래 데모는 순전히 짜집기 한 것이라, 아직은 많이 미흡합니다. 좀 더 내공을 쌓아서 업그레이드 해야겠습니다. 방문 후 많은 조언 부탁드리겠습니다. 시작되는 첫 페이지 영상들은 유튜브 전체내에서 최근에 인기 많은 영상들 입니다. DEMO : MOVYX http://www.movyx.com TEXTTUBE http:/..

유튜브 영상들을 활용하여 자신만의 스타일로 유튜브 비디오 검색기와 사이트를 만들 수 있을까? 설치방법 유튜브는 데이타를 오픈하여서 누구든지 유튜브 영상들을 활용할 수 있도록 개방을 해 놓았습니다. 시간이 날때마다 API관련 영상과 문서들을 읽고 있는데, 제게는 정말 흥미롭고, 너무나 재미있네요. 컴퓨터 관련학과를 전공할 걸 하는 후회도 가끔 들곤 합니다. 오늘 시간이 나서 데모를 다운받아 설치를 하였습니다. 정말 쉽게 가능하더군요. My YouTube Video Browser in PHP MOVYX | WordPress | XE | TEXTTUBE 유튜브에 하나둘씩 알아가는 것이 정말 재미있네요. 앞으로 시간이 날때마다 업그레이드를 해보아야 겠습니다. 동영상 크기조절, 위치, thumbnail 크기, 위..

TubePress에 영감을 받아 YouTube API에 대해 계속해서 공부를 하게 되는군요. 벌써 네번째 갤러리 입니다. 앞으로 YouTube API를 계속해서 사용하여 동영상 사이트를 만들어 보고 싶더군요. 제가 이번에 만든 동영상 갤러리는 자바스크립트 데모를 참조하여 만들었습니다. 활용 가능 갤러리 1. 특정 단어의 제목을 가진 동영상 갤러리 2. 금주 베스트 동영상 3. 각 국가별 금일의 베스트 동영상 4. 특정 태그의 동영상 등 5...... 제가 예전에 작성했던 YouTube RSS 활용을 모두 할 수 있습니다. 정말 다양하게 활용할 수 있습니다. 간단히 데이터 주소만 바꾸어 주면 되더군요. 아직은 많이 보완을 해야합니다. 아래에 보여지는 동영상 갤러리는 재미있는 광고 모음입니다. < 인기도에 ..

《로스트》(Lost)는 미국 ABC에서 방영되고 있는 드라마이다. 남태평양 미지의 섬에 추락한 시드니발 로스앤젤레스행 비행기의 생존자들의 이야기를 다루고 있다. 제프리 리버, J. J. 에이브럼스, 데이먼 린델로프가 기획하여 2004년 9월 22일 처음으로 방송되었다. 플래시백을 제외한 대부분의 장면은 하와이 주 오하우 섬에서 촬영되고 있다.ABC 스튜디오, 배드 로봇 프로덕션, 그래스 스커트 프로덕션에서 제작되고 있다. 부수 음악은 마이클 지아치노가 맡았으며, 현재 제작 총지휘자(executive producer)는 에이브럼스, 린델로프, 칼튼 큐즈, 잭 벤더, 제프 핑크너, 브라이언 버크이다. 앙상블 캐스팅과 하와이에서 촬영하는 데에 들어간 비용으로 인해, TV 프로그램들 중에서 상당히 높은 비용이 ..

Tubepress의 자바스크립트와 CSS를 그대로 가져와서 이곳 TEXTCUBE에서 적용을 해보았는데, 동영상 변환시켜주는 링크가 글 저장시 자동으로 깨지더군요. 똑같은 태그로 XE에 적용시켜 보았는데, 작동을 합니다. Demo: http://telster.org/texttube Demo: http://tyzen.telster.org/2266 아무래도 이름을 XETube로 바꾸어야 할 것 같습니다. 좀더 내공이 쌓이면, XE모듈 형식으로 도전 해 봐야 겠습니다.

자신이 좋아하는 유튜브영상을 블로그 한 페이지에 모두 담을 수 있을까? 저 자신도 영상 만들기를 좋아하다 보니, 영상관련 해외 블로그를 자주 방문하면서 TUBEPRESS를 알게 되었습니다. demo : http://tyzen.tooic.com/videos TubePress에 영감을 받아 한번 도전을 해보고 싶었습니다. 그래서 YouTube API 자료와 워드프레스 플러그인 등을 참조하여 한 번 만들어 보았습니다. TubePress처럼 확장이 가능하고, 쉽게 관리가 가능하고, 멋지진 않지만 이제는 YouTube 영상의 v값만 알면 한 주제에 관해 동영상 갤러리를 만들 수 있게 되었습니다. 그런데, 수작업으로 v값을 일일이 입력을 해야하는데 힘이 들기는 합니다.

PHP에서 YouTube API를 활용하여 동영상 검색엔진 만들기 최신 업데이트 된 내용을 보고 싶으시면 위의 링크를 클릭하세요 현재 시간이 나면 XE에 YouTube 갤러리를 목표로 Youtube API 사례들을 읽고 있는데, 중급 수준의 좋은 참고자료여서 올려 보도록 합니다. PHP - Demo1, Demo2, Download My YouTube Video Browser in PHP TEXTTUBE | WordPress | XE 위의 DEMO들은 제가 저만의 스타일로 편집을 한 것입니다. 아래의 내용은 예전 2007년 IBM에서 작성한 버전으로 현재 안 될수도 있습니다. 아래의 링크에서 최신버젼을 다운받고 도움을 받아 사용하시길 바랍니다. Developer's Guide: PHP ZEND PHP에서 ..