로그인

검색

미솔's 비디오 검색 글쓰기 도구

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

자료 분류 에디터컴포넌트 0 / 0
라이선스 LGPL v2
제작자 misol
홈페이지 www.imsoo.net
설치 경로 ./modules/editor/components/soo_youtube
최초 등록일 2012-08-17 00:00 전체 다운로드 0
최근 버전 0.5.1 다운로드

해당 자료는 라이믹스2에서 동작여부가
확인되지 않았습니다.

라이믹스2 동작 인증하기

다운로드 0
최근 업데이트 2012-08-17 00:00 0 / 0

이 글쓰기 도구의 기능

  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일 개학입니다. 그 이후에는 업데이트가 조금 늦을 수 있고, 답도 늦을 수 있습니다. 이해해 주시면 감사하겠습니다.
즐겁게 이용해주세요.

이 자료는 XE 공식 자료실에서 자동으로 다운로드한 자료입니다.
라이믹스 최신버전에서는 동작하지 않을 수 있습니다.

원본 : [공식 자료실 게시글로 이동]