Free YouTube API Script - QUVIC
2010/07/12 20:13
안녕하세요! YouTube API 매니아 TYZEN입니다.
요즘 계속해서 YouTube API와 관련해서 많은 문의가 발생을 하고, 제가 작성한 것을 동의없이 사용하는 경우가 많이 발생을 해서 YouTube API 검색엔진 Script를 공개를 하고자 합니다.
제가 작성한 프로그램은 6개월동안 독학으로 제작을 한 것입니다.
기존에 php로 제작한 TEXTTUBE는 상당히 무겁고, 느리고 다른 곳에 삽입을 할 수 없는 단점을 가지고 있습니다.
그래서 가장 빠르고 가볍고, 어디에도 삽입할 수 있는 유튜브 동영상 검색엔진을 만들고자 하였습니다.
제가 공개하는 스크립트는 QUVIC 버젼으로 자바스크립트로 작성하였으며, 소스를 이용해 어느 곳에서도 사용하실 수 있습니다.
QUVIC DEMO
XpressEngine : http://dottelsites.com/videos
Tistory : http://tyzen.net/164
TEXTCUBE : http://tyzen.org/133 (Chromless Player)
TORRENT : http://www.torrent.co.kr/quvic.php
ManLev : http://manlev.kr/gnu/quvic
WithPartner : http://www.withpartner.net/quvic
WordPress : http://dottelblog.com/videos
(JSON / user,title, MIXVI, Download)
Tistory : http://tyzen.net/164
TEXTCUBE : http://tyzen.org/133 (Chromless Player)
TORRENT : http://www.torrent.co.kr/quvic.php
ManLev : http://manlev.kr/gnu/quvic
WithPartner : http://www.withpartner.net/quvic
WordPress : http://dottelblog.com/videos
(JSON / user,title, MIXVI, Download)
또한 QUVIC소스를 활용해 QUVIC.COM을 오픈하기도 하였습니다.
QUVIC의 주요 특징으로는 다음과 같습니다.
JavaScript로 작성한 유튜브 동영상 검색엔진 스크립트입니다. YouTube JSON-C format을 사용하였고, 동영상화면을 16:9 와이드스크린, 4:3 일반 비율로 시청할 수 있고, next버튼을 이용해 검색어의 영상을 모두 찾을 수 있으며, 비디오 정보를 썸네일과 타이틀로 표시되어 빠르고 쉽게 동영상을 한 페이지내에서 시청하실 수 있습니다. 또한 jquery Fade to 효과를 활용해 동영상정보 썸네일의 부드러운 전환이 가능합니다.
사용조건으로는 꼭 하단에
"YouTube Video Browser © QUVIC | Developed by TYZEN.NET | Get This Script"
넣어 주세요
또한 제가 제작한 QUVIC소스가 맘에 드신다면 기부금도 받습니다.
많은 donation 부탁드리겠습니다.
MIXVI 버젼 다운로드
감사합니다.
QUVIC is JavaScript YouTube Video Search Engine using YouTube API and JSON-C format.
A fast YouTube experience served from only one clean page.
Search for other videos while playing video.
Uses YouTube JSON-C format feeds for fast response times (no proxy) between the user and YouTube,
AS3 player with no ads and the widescreen & standard options.
Also the users can watch and search YouTube videos very quickly & easily.
- 100% Youtube TOS Compliant
- Auto update content from Youtube website
- Use Youtube new GData API
- Use Youtube new JSON-C format
- Choose widescreen or standard
- and much more...
Terms:
- Script can be used for non-commercial and commercial uses
- Script CANNOT be resold
- The "YouTube Video Browser © QUVIC | Developed by TYZEN.NET | Get This Script" footer should not be removed without donating me
MIXVI:
- Demo : http://www.mixvi.com
- Download : http://tyzen.net/206
Hope you enjoy!!
Thanks, TYZEN
Trackback Address: http://tyzen.net/trackback/201
혹시 유투브 특정계정으로 업로드 서비스 구현은 없나요?
댓글 감사합니다.
업로드 서비스 구현된곳이 있나요?
소스 공개 감사드립니다. 극 초보라 이렇게 문의 드려요.
메인으로 나오는 동영상과 아래쪽에 나타나틑 동영상 리스트를 바꾸려면 어디를
수정해야 하는지 바쁘시지만 답변좀 부탁드립니다.
아무리 소스를 들여다도 잘 모르겟습니다.--;
좋은 질문입니다.
index.html 중간에서 원하시는 검색어가 iphone 일 경우 아래처럼 recently_featured 대신에 search를 넣고 iphone을 입력합니다. 나머지 숫자 1은 startindex 첫페이지를 의미합니다. 즉 첫번째 영상에서 열번째 영상까지 입니다.
<div id="videolist">
<SCRIPT language=JavaScript type=text/javascript>
<!--
quvic.PresentVideos('search','iphone',1);
//-->
</SCRIPT>
</div>
와~ 고맙습니다..
이런 류의 서비스를 한번 해보고 싶었는데 웹프로그래머가 아닌지라 엄두도 못내고 있었거든요.. 감사합니다^^
한두가지 질문 좀 드려도 될런지요..
공식 youtube.com에서 data를 가져오시게 해놓으셨는데
Recently Featured | Top Rated | Most Viewed | Most Popular
이 부분이요..
이걸 한국 youtube로 변경하려고 합니다..
적용은 했는데 갱신이 잘 안되는거 같아서요..
어제나 오늘이나 같은 컨텐츠만 노출이 됩니다..
링크 주소가 잘 못 걸어서일까요??
quvic.STANDARD_FEED_URL_TOP_RATED =
'http://gdata.youtube.com/feeds/api/standardfeeds/KR/top_rated?';
quvic.STANDARD_FEED_URL_MOST_VIEWED =
'http://gdata.youtube.com/feeds/api/standardfeeds/KR/most_viewed?';
quvic.STANDARD_FEED_URL_MOST_POPULAR =
'http://gdata.youtube.com/feeds/api/standardfeeds/KR/most_popular?';
quvic.STANDARD_FEED_URL_RECENTLY_FEATURED =
'http://gdata.youtube.com/feeds/api/standardfeeds/KR/recently_featured?';
quvic.VIDEO_FEED_URL =
'http://gdata.youtube.com/feeds/api/videos?';
이렇게 링크는 걸었습니다.
머가 잘못된걸까요?
답변 좀 부탁드립니다^^
좋은하루 되6세요
저도 웹프로그래머 아닙니다.
거의 초보수준이지요.
quvic.js 화일에서
quvic.QUERY_URL_MAP =
부분에서 다시한번 더 입력을 해주셔야 합니다.
각 국가별 코드나 새로운 feed url을 추가하고 싶으시면 새롭게 두번 입력을 하시면 됩니다.
국가별 코드와 Feed Id 참조
http://blog.texttube.org/11
댓글 감사합니다.
답변 고맙습니다^^
알려주신 사이트의 국가코드 링크를 타고 들어가봤습니다.
http://www.texttube.org/kr/
제가 적용해 놓은 feed와 동일하게 불러옴을 확인할 수 잇었는데요..
여기서도 마찬가지로 갱신은 안되는거 같습니다.
즉 어제 이후 오늘까지 유튜브에 갱신된 내용이 있으면 같이 바뀌어야 하는게 맞지 않는지요??
Most Viewed | Most Popular를 보시면 그런 현상이 보이는거 같아 질문을 드린겁니다.
rss를 직접 열어보믄 불러오는 컨텐츠 순서?가 다름을 알 수가 있습니다.
아니면 제가 착각하고 있는지도...
갱신되는지 내일까지 기다려볼까요??
그리고 저는 개수를 20개로 늘렸는데 계속 10개만 나오네요
이건 왜 그럴까요?
현재 적용된 것은 시간대를 설정하지 않은 alltime 입니다.
갱신이 되기위해서는 URL에 ? 다음에 time=this_month, this_week, today등을 넣어서 새로운 url을 만드셔야 합니다.
아래 주소를 참조해서 많은 학습이 필요합니다.
http://code.google.com/intl/ko/apis/youtube/getting_started.html
또한 동영상이 삭제되거나 외부에서 볼 수 없는 것은 format=5를 이용해서 동영상정보가 자동으로 나오지 않습니다.
그러므로 당연히 공식 피드와 순서와 갯수가 다릅니다.
일반적인 standard feed 100개중에서 외부에서 볼수있는 것만 나옵니다. 외부에서 볼 수 없는 동영상은 아래에 썸네일로 나올 필요가 없는 것이지요.
두번째 질문은 출력되는 갯수가 10개인데 더 늘리려면 어느파일의 어느 부분을 수정해야 할런지요..??
quvic.js 화일 중간에서
quvic.MAX_RESULTS_LIST = 10;
10대신에 원하시는 동영상 정보 갯수를 입력하세요
quvic.css에서
#videolist {
width: 720px;
height: 350px;
margin:0px;
padding:0px;
}
height: 350px;을 700으로 변경해 보세요
20개가 모두 보일 것입니다.
이런식으로 사용해도 되나요 ^^
http://manlev.kr/gnu/quvic/index.html
위에 주소를 안적어서 수정하려고 헀는데 비밀번호를 까먹었네요 ;;
댓글 감사합니다. 멋지신데요^^
좋은 하루 되세요
좋은 소스코드를 제공해주셔서 진심으로 감사합니다.
외국 페이팔 기부코드 보다 국내 부주닷컴과 같은 결제시스템을 붙여놓으시면
후원이 좀더 수월할 것 같습니다.
댓글 감사합니다.
썸네일 크기 조정은
quvic.js 중간에 아래를 찾으셔서 반드시 두 곳 모두에 4:3 비율의 크기로 조정하여 주시고요
width="124" height="93" ->
width="120" height="90" or width="116" height="87"
quvic.css 에서
dl.videos dt {
float: left;
width: 130px;
margin:0px;
padding:6.5px;
만약에 폭을 width="120"으로 줄이셨다면 더하기 6을 해주세요 width="126"
6의 크기는 후버의 자리입니다.
또한 썸네일의 간격을 줄이고 싶다면 padding으로 조절