포럼
유튜브 에디터 컴포넌트 진행상황..
2014.05.18 02:14
1. 유튜브 동영상 직접 업로드 (이상 없음)
2. 유튜브 링크, id, iframe, embed 등 사용하여 등록 (이상 없음)
ㄴ 어떤 걸 입력하든 자동으로 링크만 추출하여 입력됨
ㄴ 그리고 실제 게시물을 볼 때 출력단에서 링크 주소에서 id값만 추출하여 다시 iframe으로 생성
3. 에디터에서 유튜브 삽입된 곳에 자동으로 유튜브 이미지를 추출하여 출력 (구현 예정.)
ㄴ 유튜브 아이콘이 뜨는 것도 괜찮지만.. 썸네일 위에 아이콘이 뜬다면? 사용자에게 좀 더 어필이 되지 않을까..
ㄴ 다만 그럴려면 유튜브 id를 추출해내는 코드를... 스크립트로 구현해야하는데.. 정규식이 문제..-_-;;
4. 유튜브 동영상 업로드를 개별 팝업창에서 기본 팝업창으로 내장
ㄴ 말그대로 팝업창에서 또 다른 별도의 팝업을 띄우지 않고 현재 창에서 바로 파일 선택이 가능하도록 처리
ㄴ 따라서 별도의 작업이 필요..
현재는 전체적인 디자인 쪽으로.. 작업하고 있습니다..-_-;;
대충 배치 잡는 모습입니다..
직접 올리기 버튼을 누르면 별도의 레이어 (초록색 부분)이 뜨면서 현재창에서 바로 업로드 하도록 처리 중입니다.
(4번 내용)
별 건 아니지만..
이거 은근히 재밌군요 :)
이 맛에 개발하는 건지도...
내가 생각한 대로 실제 문제 없이 구현 되었을 때 그 희열감이란 ~ ㅎㅎ
댓글 21
-
애니즌
2014.05.18 02:16
-
혼마_메이코
2014.05.18 02:51
첨부하기에서 파일이 선택되면, jQuery로 업로드하기 버튼이 튀어나오면 더 괜찮을 것 같네요.
>.ㅇ
또 유튜브 링크로만 올려서 하는건 자동 링크 애드온을 많이 고치면 될듯 하네요.유튜브 주소는 주소를 가져오게 되면 그순간부턴 정규식이 크게 필요가 없음여...ㅋㅋㅋㅋ -
애니즌
2014.05.18 03:06
썸네일을 추출하려면 주소에 있는 youtube ID 값을 알아야 합니다.. ㅠㅜ
링크는 이미 구현됐구요.. ㅎㅎ
-
혼마_메이코
2014.05.18 03:11
이런식 아닌가요?
(혼란이 가중되고 있다)
-
teguh100
2014.05.18 02:21
-
애니즌
2014.05.18 03:06
감사합니다
-
prologos
2014.05.18 04:03
id추출이라면 아래 정규식 이용 해 보세요. 대부분의 유튜브 링크 스타일에 대응합니다. 제가 만든건 아니고 저도 어디선가 검색해서 사용하고 있습니다 ㅎㅎㅎ
$youtu_url = 'youtube_video_url'; $regExp = '/^.*((youtu.be\/)|(v\/)|(\/u\/\w\/)|(embed\/)|(watch\?))\??v?=?([^#\&\?]*).*/'; preg_match($regExp, $youtu_url, $matches); return $matches[7];
-
애니즌
2014.05.18 04:56
아 php 부분은 이미 해결했는데요 ㅜ 자바스크립트로 구현해야 해서 문제네요.. ㅎㅎ
답변 감사합니당
-
혼마_메이코
2014.05.18 05:10
이 새벽까지 안주무시고 =_=;; 애니즌님을 좀 본받아야겠네요... (?)
본인은 머리식힌다고 게임하고왔는데... (도망)
-
애니즌
2014.05.18 06:48
ㅎㅎ 쉬엄쉬엄합니다. ㅋㅋ 일단 하고자하는 것 해결을 봐야하는 성격인지라..
-
애니즌
2014.05.18 06:49
우선 컴포넌트 디자인은 끝났습니다..ㅋㅋ
아래처럼 심플하게 .. 요즘 플랫디자인이 대세길래.. 플랫하게 했습니다~
-
혼마_메이코
2014.05.18 06:49
오! 상당히 깔끔해보이고 예쁘네요. 허허... 수고하셨어요
저는 유튜브 게시판에 벌레 튀어나와서 때려잡느라 =_=;;
망할 버그
-
애니즌
2014.05.18 06:52
혼마님 의견을 반영해서....
파일 선택시 업로드 버튼이 페이드인 됩니다.
업로드 버튼을 눌러야 하는 것을 혹시나 모를까봐.,..
업로드 버튼 색상을 강조하였습니다.
-
혼마_메이코
2014.05.18 06:54
하나 더 부탁(?) 하자면 유튜브에서 선택 가능한 기본 크기 옵션이 3가지가 있잖아요? 그것처럼 해두면 사용자도 편하지 않을까 싶은데...
업로드는 페이드인 되는게 확실히 강조가 되긴 하네요
(사실상 프로그램은 사용자가 편하라고 만들어야 되서 개발자는 고통받음)
-
애니즌
2014.05.18 06:56
그게 동영상 해상도에 따라 다른 걸로 알고 있는데.. 아닌가용~?
그래서 그냥.. 기본 값을 줘버리고.. 필요에 의한 사람만 쓰도록..
사이트 관리 측면에선 아예 기본 값을 고정시키는 게 좋을 것 같다는 생각이에요~
동영상 크기가 제각각이면 영 보기 안좋을 것 같은 생각에 ㅎㅎ
아무튼 좋은 의견 감사합니다. ㅋㅋ 사실 그 생각을 안한 건 아닌데..
앞서 말씀드렸다시피 업로드된 동영상 비율에 따라 다른 것 같더라구요..
뭐.. 그냥 그런 것 무시하고 요즘 비율 기준으로 해놔도.. 나쁘진 않을 것 같군요 ㅎ
-
혼마_메이코
2014.05.18 06:56
그것도 그렇네요. 아무튼 만드시느라 고생 많으셨습니다. (_ _)
-
prologos
2014.05.18 10:04
오잉? javascript도 비슷합니다
var regExp = /^.*((youtu.be\/)|(v\/)|(\/u\/\w\/)|(embed\/)|(watch\?))\??v?=?([^#\&\?]*).*/; var matchs = youtu_url.match(regExp); if (matchs ) { return matchs[7]; } -
애니즌
2014.05.18 14:34
헛..!! 짱짱 :)
-
oscarmike
2014.05.18 10:16
아무리 설명드려도 유트브 링크만 가져오는 회원님들 때문에 힘들었는데 이 컴포넌트 하나면 해결되겠네요... 정말 고맙습니다 저도 에니즌님 처럼 알게되는 모든걸 XE사용자들과 나누고 싶네요^^ -
misol
2014.05.18 10:28
http://www.xpressengine.com/index.php?mid=download&category=18322929&package_srl=21014822 이놈 기능도 다 흡수해가세요 ^^ㅋㅋㅋ
여기 스크립트는 에디터에서 마우스로 크기 변형해도 인식 하도록 해놨어요. 참고해서 가져가세요 -
애니즌
2014.05.18 16:03
헛..! 감사히 쓰겠습니다.. :)
일단 전체적인 기능이나. .이런 것이 문제없이 된다면 언능 추가해야겠네용. ㅎ
아 그리고 현재는 유튜브 코드에서 별도의 사이즈를 가져오지 않고
무조건 관리자가 설정한 사이즈로 나오게 되어 있는데..
이것을 iframe이나embed 태그와 같이 width height 값이 있을 때는 그 값을 가져오도록 하는 게 나을까요?
(사이즈가 중구난방 될까봐.. 굳이 그렇게는 안하고 있습니다.)