Free YouTube API Script - QUVIC (v1.5)

2011.06.12 21:01



현재 유튜브에서 버젼 3으로 업데이트 되어 

사용이 불가능합니다. 시간이 나면 업데이트 하도록 하겠습니다.


간만에 업데이트 했습니다. 현재 버젼은 1.5 입니다.

추가사항:
1. 메뉴바 Autohide 기능 추가
2. 썸네일 재생시간 표시 추가
3. Button 수정 (back & next 버튼 수정 )
4. 아이템 수 표시
5. jQeury 삭제

썸네일 플레이 재생시간 표시기능은 투선 커뮤니티를 참조하였습니다. 진심으로 감사합니다.



안녕하세요! YouTube API 매니아 TYZEN입니다.


요즘 계속해서 YouTube API와 관련해서 많은 문의가 발생을 하고, 제가 작성한 것을 동의없이 사용하는 경우가 많이 발생을 해서 YouTube API 검색엔진 Script를 공개를 하고자 합니다.

제가 작성한 프로그램은 6개월동안 독학으로 제작을 한 것입니다. 

비전공자 이며, 컴퓨터에 문외한입니다. 저작권 동영상 헤비하게 업로드 하다가, 관심을 가지게 되어 제작을 하게 되었습니다.



기존에 php로 제작한 TEXTTUBE는 상당히 무겁고, 느리고 다른 곳에 삽입을 할 수 없는 단점을 가지고 있습니다.

그래서 가장 빠르고 가볍고, 어디에도 삽입할 수 있는 유튜브 동영상 검색엔진을 만들고자 하였습니다.

제가 공개하는 스크립트는 QUVIC 버젼으로 자바스크립트로 작성하였으며, 소스를 이용해 어느 곳에서도 사용하실 수 있습니다.


QUVIC 단축 URL http://www.qvc.kr or http://qvc.kr




YouTube API DEMO

http://www.movyx.com

http://www.mixvi.com

http://www.texttube.com



또한 QUVIC소스를 활용해 QUVIC.COM을 오픈하기도 하였습니다.


QUVIC의 주요 특징으로는 다음과 같습니다.

JavaScript로 작성한 유튜브 동영상 검색엔진 스크립트입니다. YouTube JSON-C format을 사용하였고, 동영상화면을 16:9 와이드스크린, 4:3 일반 비율로 시청할 수 있고, next 버튼을 이용해 검색어의 영상을 모두 찾을 수 있으며, 비디오 정보를 썸네일과 타이틀로 표시되어 쉽고 빠르게 동영상을 한 페이지내에서 시청하실 수 있습니다. 

사용조건으로는 꼭 하단에
"
YouTube Video Browser © QUVIC | Developed by TYZEN.NET | Get This Script"
넣어 주세요.




Like our script? Rate it at PHP > Hot Scripts





 

Features:

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 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
  • AS3 Player with Widescreen or Standard option
  • 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


Donators




Joshep Bitton


Demo













Hope you enjoy!!

Thanks, TYZEN


신고

'YouTube' 카테고리의 다른 글

새롭게 업그레이드한 MOVYX.COM  (8) 2013.06.24
Free YouTube API Script - QUVIC (v1.5)  (45) 2011.06.12
TEXTTUBE.COM 오픈 했습니다.  (8) 2011.05.18
YouTube API Script - MIXVI  (34) 2010.10.25
Random YouTube Player  (2) 2010.09.25
YouTube Time Machine  (0) 2010.09.25
Trackback Address: http://tyzen.net/trackback/201 관련글 쓰기
  1. 이전 댓글 더보기
  2. 위드

    좋은 소스코드를 제공해주셔서 진심으로 감사합니다.
    외국 페이팔 기부코드 보다 국내 부주닷컴과 같은 결제시스템을 붙여놓으시면
    후원이 좀더 수월할 것 같습니다.

  3. aalloo

    안녕하세요..
    좋은 글들 보고 많은 공부하고 있습니다..
    정말 감사합니다.. ^^
    질문이 있는데요..
    특정 계정의 영상들을 보려면 어찌해야 할까요..?
    예를 들자면..
    메인페이지의 영상에는 특정 계정의 가장 최신 영상을 보여주고 그 글을 클릭하면 그 계정의 영상들을 볼 수 있도록 구현하려면 어찌해야 할까요?
    완전 초보인지라 어려움이 많습니다..
    좋은 조언 부탁드립니다.. ^^

  4. 특정계정은 MIXVI를 참조하세요

    데모: http://www.mixvi.com

    다운로드 : http://tyzen.net/206

    타이틀아래 사용자 아이디를 클릭하면

    특정계정의 비디오정보만 보여집니다.

    또한 조금만 편집하시면 첫 번째 로딩되는 비디오정보도 특정계정으로 하실 수 있습니다.

    궁금한것이 있으시면 언제든지 댓글 남겨주세요

    감사합니다.

  5. ShuGy

    와 좋은 소스 공개해 주셔서 감사합니다.

    예전에 유튜브 API를 보니 업로드 하는것도 있던데..
    이걸 좀 발전시켜서 별도의 유튜브 접속 및 로그인 없이
    한계정으로 바로 올릴수 있는 방법은 없을까요?
    아이디랑 비번을 프로그램밍 고정값으로로 넣어서요.

    기부하면 커스터마이징도 가능하시다길래 한번 문의드려봐요

  6. Check Out This Link!
    http://tyzen.net/175

  7. 비밀댓글입니다

  8. quvic은 유저 아이디 검색이 지원되지 않습니다.

    (JSON-C 포맷은 유저 URL 구조가 달라서 많은 시간을 투입하여 편집하여야 합니다.)

    http://www.mixvi.com 은 가능합니다.

    감사합니다.

  9. Blog Icon
    해글룡

    그렇군요...
    잘알겠습니다.
    감사합니다 ^^

  10. 워드프레스 상에서

    해당 유저비디오만 표시하고 싶으실 경우

    워드프레스 플러그인 TubePress 설치하시면 가능합니다.

    저 또한 위의 플러그인을 계기로 유튜브 검색엔진을 만들었습니다.


    http://tyzen.net/72

  11. http://www.seoultech.me/?page_id=168

    튜브프레스를 이용해서 동영상 겔러리를 만들었는데, 썸네일을 클릭해도 아무런 반응이 없습니다.
    혹시 어떤 문제인지 좀 알 수 있을까요? ㅠ.ㅠ

  12. http://tyzen.tooic.com/videos/

    제 튜브프레스는 문제 없이 플레이어가 변경이 되는데요!

    tubepress 세팅을 조금씩 수정하거나,

    혹은 다시 설치해보시길 바랍니다.

    object를 찾지 못하는 것 같습니다.

  13. 그럼 제 크롬브라우저가 문제인걸까요? 요즘 크롬이 자꾸 다운되기는 하던데..답변 감사합니다. ^^

  14. 저도 크롬을 위주로 사용합니다. 크롬이 문제가 아닌 듯 싶습니다.

    튜브프레스 설정이 잘 못 되었거나, 화일이 없는 것 같습니다.

    좋은 결과 있으시길 바랍니다.

  15. 안녕하삼

    익스8에서는 맨위에 플레이어가 안보이는군요..

    크롬에서는 증상인데 데모을 봐도마찬가지이구요

  16. 초보

    정말 감사합니다
    초보자 인데 어찌 노력하다보니 잘 사용하게 되었습니다.
    근데 검색된게 최신 날짜순으로 하려면 어디를 고쳐야 하나요?

  17. 좋은 소스 감사드립니다
    홈페이지 새롭게 고치면서
    동영상을 적용했습니다
    정말 정말 좋은 자료 감사드립니다 ^^

    그누보드로 작업?? 이랄것도 없고.. 그누보드에 적용했습니다 ^^
    http://linklady.co.kr/bbs/group.php?gr_id=16

  18. 댓글 감사합니다.

    멋진데요^^

  19. 좋아요

    너무 잘 만드셨네요..
    데스크탑에서는 잘 되는데..모바일에서 접근을 해 보니 영상이 안나와서요..(아이폰)
    음..해결방법이 없을까요??

    지금까지도 손색없이 잘 만드셨지만, 모바일들이 지원이 되면 좋겠습니다.

  20. http://movyx.com/search/

    Try this one!

  21. http://tyzen.net/158

    아이폰 가능합니다.

  22. 좋아요

    모바일(아이폰 & 안드로이드)에서도 보이게 하려면 소스를 어떻게 수정해야 하는줄 모르겠어요..부탁드립니다.
    소스를 어떻게 참고해서 해야할지 좀 막막하네요..^^::
    페이지만 가지고는 좀 어렵네요..^^:::

  23. 한번 만들어 보았습니다.

    아직은 모바일기기 사이즈(가로X세로)와 규칙을 몰라서

    미완이지만

    참고 하세요

    http://m.quvic.com (1안 유튜브 규칙)

    http://mobile.quvic.com (2안 썸네일 플레이어)

  24. 대단하시네요

    감사히 잘쓰겠습니다~ㅎ 복많이 받으세요~^^

    http://shotbirdie.com/contents/bbs/youtube/

  25. 감사합니다.

  26. xejoa

    xe 레이아웃에 quvic 적용시켜서 쓸때
    하위메뉴가 quvic 코드 뒤로 숨어버리는 문제점이있습니다

    embed 에
    embed 태그 속에

    wmode="transparent"
    를 추가시키면
    embed 앞에 하위메뉴가 앞에 정상적으로 나와

    이걸 해결할순있을듯한데요

    quvic에

    wmode="transparent"

    태그 적용의 필요성이 있습니다

    누가 xe질답 게시판에 올린글을 읽어보시고

    하위메뉴가 quvic에 뒤에 숨어서

    가려진 문제점을 해결할 방법 좀 알려주심 감사할게요



    http://www.xpressengine.com/20358517


    http://www.xpressengine.com/files/attach/images/122/517/358/020/9b748642fef681f0fe4330e8c6d4a2c1.png

  27. 김재명

    휴 정말 여기있는자료 다보게 만드시네요. ㅋㅋ 42페이지까지 싹 다 훑어봤습니다.
    많은 도움되었습니다. 감사합니다.^^

    저 한가지 문의드려도 될런지요.

    유투브 api를 무사히 설치다 했습니다.

    1. 동영상을 검색하면, 최신순으로 출력이 되지는 않더라구요. 어디서 바꿔줘야할런지요.검색어를 입력하면 오래전영상들이 첫번째로 나오길래 유투브가서 정렬기준을 업데이트로해서보니까 최근영상들이 나오더라구요.. 이렇게 정렬기준으로 출력하는 방법이 없을까요?

    2.페이징넘버가 보이게 어떻게 해야할지 아무래도 모르겠더군요.

    혹시 관련정보가 있을까 싶어 다찾아봤지만 못찾겠어서 질문드려봅니다.

    알려주신 정보때문에 홈페이지가 대대적으로 개편될정도입니다.^^ 행복합니다. 정말~~~



  28. 1. 최신순 정렬 방법

    참조: http://code.google.com/intl/ko-KR/apis/youtube/articles/view_youtube_jsonc_responses.html

    -> queryUrl 을 원하시는 정렬로 변경하시면 됩니다.

    2. 페이지넘버는

    var start = eval(json.data.startIndex);

  29. 김재명

    그리고 기부를 하고싶은데 페이팔이라서 어떻게 하는줄을 모르겠네요 ㅡㅡ
    다른 방법을 알수있을까요?

  30. 김재명

    quvic.VIDEO_FEED_URL =

    'http://gdata.youtube.com/feeds/api/videos?';

    위내용을 http://gdata.youtube.com/feeds/api/videos?v=2&alt=jsonc&orderby=published 이렇게 바꾸니까 출력자체가 안되네요.
    위내용을 수정하는게 맞죠?
    그리고 정렬을 업로드 순(최신순)을 선택하려는데 그 옵션은 없는거 같습니다.
    유투브에서 직접 검색하면 주소에 search_sort=video_date_uploaded~ 이렇게 정렬이 되는데 말이죠. ㅡㅡ


    quvic.VIDEO_FEED_URL =

    'http://gdata.youtube.com/feeds/api/videos?';

    위내용을 http://gdata.youtube.com/feeds/api/videos?v=2&alt=jsonc&orderby=published 이렇게 바꾸니까 출력자체가 안되네요.
    그리고 정렬을 업로드 순(최신순)을 선택하려는데 그 옵션은 없는거 같습니다.
    유투브에서 직접 검색하면 주소에 search_sort=video_date_uploaded~ 이렇게 정렬이 되는데 말이죠. ㅡㅡ


    정말 죄송하지만,
    var start = eval(json.data.startIndex); 이걸 어떻게 활용해야 할지 잘 모르겠습니다. ㅜㅜ
    quvic.listVideosCall 이 함수에 추가하면 될거같은데, 안되네요.
    귀찮게 해드려 죄송합니다.

  31. 아래 정도면 누구나 하실 수 있을 것 같은데요.

    그 이상은 저도 알려드릴 필요가 없다고 생각이 됩니다.



    1. 최신순 정렬 방법

    그곳이 아니라, quvic.listVideos

    -> queryUrl 을 원하시는 정렬로 변경하시면 됩니다.


    2. 페이지넘버는

    var start = eval(json.data.startIndex);

  32. 김재명

    바쁘신시간에 답변달아주셔서 감사합니다. 노력해보겠습니다.

  33. 좋은 결과 있으시길 바랍니다.

    새해 복 많이 받으세요

  34. 김미정

    안녕하세요.
    만들어주신 소스 정말 감사히 잘쓰고있습니다.
    다름이 아니라 하나 궁금한것이 있는데요...
    어디선가 이런글을 본적이 있는거같기도한데..
    유투브api로 동영상 사이트를 운영할경우, 해당사이트가 상업적인 곳이면, 라이센스 제한을 받는다. 즉 사용료지불? 뭐 이런 개념이 있다고 본거같기도 합니다.

    혹시 이 부분에 대해서 아시는 부분이 있으신지요...

    문득찾아와 이런문의 드린점 죄송하게 생각합니다. 이해해주세요^^

  35. 아래 주소를 참조하세요!

    http://code.google.com/intl/ko-KR/apis/youtube/terms.html

  36. 안녕하세요.
    공개해주신 소스와 그누보드를 이용해서 사이트를 만들어 보았습니다.
    좋은 소스 정말 감사합니다^^

  37. 감사합니다.

  38. 훌륭한 소스입니다..진심으로 감사합니다...

  39. 비밀댓글입니다

  40. 브라우져 마다 다릅니다. 크롬에서는 정상적으로 됩니다.

    그 이상은 저도 모르겠습니다. 감사합니다.

티스토리 툴바