XE 공식 자료실

제작자
misol
등록일
2012-08-17
다운로드 수
4,191
링크1
www.imsoo.net

유투브와 다음팟 영상을 검색해서 본문에 손쉽게 삽입할 수 있습니다.

라이선스
LGPL v2
설치경로
./modules/editor/components/soo_youtube
최초 등록일
2012-08-10
전체 다운로드
4,481
체험하기

쉬운설치로 바로 체험할 수 있습니다

상세 설명

이 글쓰기 도구의 기능

  1. 유투브 영상을 검색하고 영상을 미리 보고, 본문에 입력할 수 있습니다.
  2. 다음 팟 영상을 검색하고 영상을 미리 보고, 본문에 입력할 수 있습니다.
  3. 영상을 삽입할 때, 다른 글에 삽입이 허용되지 않은 영상은 구분해줍니다. (입력 불가)
  4. 영상 크기를 위지윅 에디터 상에서 조절할 수 있습니다.
  5. 모바일 환경에서도 영상이 재생됩니다. 유투브는 본문에서 재생 가능하고, 다음 팟은 다음팟 사이트로 이동하여 재생합니다.

사용법 안내

  1. 이 글쓰기 도구를 다운받아서 제 위치에 파일을 올려 놓으시고, 관리자페이지 > 위지윅 에디터 설정 페이지에 가시면, 이 글쓰기 도구를 활성화 시키실 수 있습니다.
  2. 이 글쓰기 도구를 활성화 시키시고 글 작성시 에디터에서 '확장 컴포넌트'를 클릭하시면, '미솔's 비디오 검색 글쓰기 도구'를 만나실 수 있습니다. 컴포넌트 사용법을 간단히 적겠습니다.
  3. 컴포넌트 창은 아래와 같이 생겼습니다.
    youtube.PNG
    '고려대학교'를 검색하고, 첫번째 영상을 미리보고 있는 모습입니다. 이 샘플을 이용해 각 부분의 기능을 간단히 알아보겠습니다.
  4. 관리자 페이지에서, 이 글쓰기 도구 설정창에 다음 검색 API 키를 입력하면, 다음팟 영상도 검색할 수 있습니다. 이에 따라 사용자가 어떤 사이트에서 동영상을 찾을 것인지 선택하는 상자가 맨 왼쪽 상단에 위치하게 됩니다. 다음 검색 API 키를 입력하지 않으면, 이 상자는 나타나지 않습니다.
    youtube_site.png
    이 선택 상자를 통해 유투브와 다음팟을 선택할 수 있습니다.
  5. 그 다음 선택 상자는 어떤 기준으로 검색 결과를 정렬할지 선택할 수 있습니다. 관리자 페이지에서 다음 API 키를 입력하게 되면, 유투브와 다음팟이 공동으로 제공하는 정렬 기준만 사용할 수 있습니다. 다음 API 키를 입력하지 않으면, 유투브 API가 제공하는 정렬 기준을 좀 더 많이 사용할 수 있습니다. 취향에 따라 선택하시기 바랍니다.
    youtube_type.png
  6. 그 다음 문자 입력칸이 있습니다. 이 입력칸에 검색하고자 하는 문구를 입력하여 검색할 수 있습니다.
    youtube_text.png
    이전 버전에서 언어 설정 부분을 잘못 적어두어서 외국어 검색이 잘 안되는 버그가 있었습니다. 이번 버전에서는 수정되었습니다. 일본어, 영어 그 외 다른 언어를 이용해 자유롭게 검색하시기 바랍니다.
  7. 그 다음으로 검색 결과 목록 창 사용법을 안내해 드리겠습니다.
    검색 결과 각 항목에서 제목을 클릭하면, 영상을 미리보지 않고, 본문에 바로 삽입할 수 있습니다.
    youtube_list_title.png
    각 항목의 제목을 클릭하여 본문에 영상이 삽입되면, 컴포넌트를 닫을 것인지 묻는 대화상자가 나타납니다. 이 대화상자를 이용해 컴포넌트를 좀 더 빨리 닫을 수 있습니다.
  8. 각 항목의 제목이 아닌 부분을 클릭하면, 해당 영상을 먼저 미리 봅니다.
    youtube_list_desc.png
    위 그림에서 붉게 색칠한 부분을 클릭하면 오른쪽 미리보기 영역에 해당 영상과 약간의 정보가 나타나게 됩니다.
  9. 목록 아래에는 검색 결과의 수, 현재 페이지 정보가 나타나게 됩니다. '이전 페이지', '다음 페이지' 버튼을 이용해 이전 페이지와 다음 페이지로 이동할 수 있습니다.
    youtube_list_button.png
    이전 페이지가 없거나 다음 페이지가 없으면, 해당 버튼은 나타나지 않습니다.
  10. 다음은 미리보기 영역에 대해서 간단히 안내하겠습니다.
    미리보기 영역은 목록 오른쪽에 위치하고, 미리보기 영상이 없는 경우, 유투브 배너와 다음 API가 사용되었다는 안내 문구로 채워져 있습니다.
    youtube_preview_box.png
  11. 이 미리보기 영역 아랫 부분을 보시면, 삽입할 영상을 어떤 크기로 삽입할지 결정하는 칸이 있습니다. 위지윅 에디터를 이용해 조절할 수 있지만(브라우저 버그로 인해, 크롬, 사파리 등 웹킷 계열은 제외.  http://youtu.be/amh6aiKdgBE 참고), 이 선택 상자를 이용해 대략의 동영상 크기를 선택할 수 있습니다.
    youtube_preview_sizebox.png
    PC 환경에서는 위지윅에디터나 위 그림에 색칠된 부분으로 정해진 크기를 따르지만, 모바일 환경에서 보여질 때는, 가로 세로 비율만 유지되고 모바일 환경의 크기에 맞게 영상 영역 크기가 줄어듭니다. 참고하시기 바랍니다.
  12. 미리보기 영역 아랫쪽에는 '원문 보기' 버튼과 '모두 입력' 버튼이 있습니다. 그 중 원문 보기는 유투브 사이트로 이동하여 좀 더 큰 화면으로 영상을 확인할 수 있도록 돕습니다.
    youtube_preview_link.png
    컴포넌트 화면을 키우는데 한계가 있기 때문인데, 영상 재생기 하단의 전체 화면 버튼을 이용하셔도 됩니다.
  13. '모두 입력' 버튼은 영상을 입력하는 기능을 합니다. 영상이 입력되면, 컴포넌트 창을 닫을 것인지 묻는 대화상자가 뜨면서, 창을 좀 더 빨리 닫을 수 있게 돕습니다.
    youtube_preview_insert.png
    간단한 설명이 끝났습니다.

덧붙이는말

2009년 이후 세번째 업데이트 입니다.
이전에 해빌님 디자인을 조만간 이용 가능하게 하겠습니다.
웹킷 계열에서도 동영상 크기를 조절할 수 있도록 업데이트를 하도록 하겠습니다만, 시간이 오래 걸릴 수 있습니다.
방학이라 업데이트를 열심히 하고 있는데, 8월 27일 개학입니다. 그 이후에는 업데이트가 조금 늦을 수 있고, 답도 늦을 수 있습니다. 이해해 주시면 감사하겠습니다.
즐겁게 이용해주세요.

포럼 3

로그인 후 작성할 수 있습니다.
  • 2015-10-31 01:53:41 제작자 misol

    늦어지고 있는 에디터 컴포넌트 등 프로그램 업데이트 관련 글입니다.

    제가 내년 초에 보아야할 중요한 시험이 있습니다. 그래서 지금까지 배포하고 있는 자료들의 업데이트가 원할하지 않습니다.

    이 에디터컴포넌트에 대한 업데이트가 아주 오랫동안 늦어지고 있습니다.

    현재 이 에디터 컴포넌트가 작동하지 않는 이유는 API 가 변경되었기 때문입니다. 구글의 유투브 피드 검색 API가 종료되었고, JSON 형태로 값을 반환하는 새로운 버전(3)의 API가 개시된지 시간이 꽤 흘렀지만... 제가 업데이트 할 시간이 없습니다.

    수정해보려다가 정말 시간이 없다는 것을 깨닫고.. 깃 허브에 올려만 두고( https://github.com/misol/soo_youtube ) 이 글을 씁니다.

    깃허브에 올리면서, 사용권을 GPL v3 으로 변경하오니, 필요하신 분들은 fork 하셔서 작동이 되도록 수정하신 다음 배포를 하셔도 되고 혼자만 쓰셔도 되고 판매하셔도 상관 없습니다. 제가 직접 업데이트 해드리지 못해 미안한 마음입니다.

  • 2015-10-31 00:30:40 제작자 misol

    @엘엘 님 죄송합니다. 제가 요새 준비중인 시험이 있어서.. 대응이 늦어지고 있습니다 ㅠㅠ
    문제점을 알려주셔서 감사합니다. 빠른 시일내에 업데이트 될 수 있도록 노력하겠습니다.

  • 2015-08-21 21:15:41 현님v

    1.8.8 지금 정상 작동 되는지 궁금 합니다~?