포럼
유튜브 썸네일 생성.. 애드온..
2014.05.15 23:45
기존에 사용팁이 있지만
매번 업데이트할 때마다 수정작업을 해줘야 하는..
문제와.. 또 이번 1.7.5에서는... 제대로 안되는.. 듯한./.?
아무튼...
아예 애드온으로 만들어보기로 했습니다.
원래 이전부터 하고자 마음 먹었지만
실력이 없는지라...
그래도 짜잘한 애드온을 만들면서... 전반적으로 굴러가는..? 분위기를 파악이 되어서...
아무튼.. 도전해봤습니다..
결과적으로.. 70% 정도.. 만족? 합니다.
왜 70% 밖에 만족을 못하냐면...
우선 기존 썸네일 생성과는 별개로 작동합니다.
그렇기 때문에 썸네일 추출 함수를 애드온에서 지정한 함수를 사용해야 합니다.
여기서 30% 정도 실망감이...-_-;;;
차선책으로 생각하는 게... 기존 썸네일 생성을 아예 먹통으로 만들고..
애드온에서 정의한 것만 사용 가능하도록.. 하면 좋겠지만..
그 방법은 모르기에.. 일단 보류....
근데 의외로 개별로 되니까 장점은 있습니다.
이미지가 있건 상관없이 유튜브 동영상이 첨부되어 있으면 썸네일이 생성되고...
또 추가로 유튜브 ID 값을 호출할 수 있습니다.
따라서 아예 썸네일과 유튜브 게시판을 두개로 두는 등...의
방법도 구현 가능할 것 으로........
아무튼 ID 값을 받을 수 있기 때문에
리스트에서 썸네일을 클릭하면 바로 플레이가 가능합니다.
(이건 애드온 자체 기능이 애드온을 통해서 받은 ID값을 스킨에서 별도로 뷰어를 제작해서 한 겁니다~ )
이번 작업하면서 가장 크게 도움이 됐던 것이...
바로 debugPrint();
요놈입니다.
디버깅할 때 쓰는 건데..
굳이 쉽게 설명하자면 flash에서 trace()와 비슷한 녀석으로...
더 대단한 것은 배열같은 것도 통으로 뿌려주는 매우 강력한 녀석입니다.!!
이게 가장 핵심 포인트인 것 같네요!!
자세한 사용 방법은
http://www.xpressengine.com/index.php?mid=forum&document_srl=22652133#comment_22652632
이글을 참고해주세요
더 대단한 것은
Context::getAll();
바로 요놈인데..
요놈은 그냥.... 모든 것을 다 뿌려줍니다..ㄷㄷ
한번 써보시면 아실거에요..
실제 기능 구현된 페이지입니다.
썸네일을 클릭하면 바로 동영상이 재생되고...
글제목을 보시면 아시겠지만 유튜브 아이콘이 있습니다 :)
아직 자잘한 버그라던지.. 문제가 쫌 있어서.. 배포는 어려울 것 같습니다.
최종적으로 유튜브 코드를 일괄적으로 변환하는 것까지 생각하고 있어서..(리사이즈 포함)
현재처럼 썸네일과 별개로 가야할 것인지... 아니면 어떻게든 기존 썸네일 생성 코드를 무력화 시키는 방법을 연구해서...
기존 걸 무력화시키고 애드온에서 정의한 함수를 사용하게 할런지..
아무튼 좀 더 연구해봐야 겠습니다.!
댓글 21
-
LI-NA
2014.05.15 23:49
-
애니즌
2014.05.16 00:07
ㅠㅠ 역시.. .불가능한 거로군요..
어쩔 수 없이 애드온에서 정의 함수를 호출하는 방식으로 해야겠군요..
-
nado0124
2014.05.16 00:03
와!! 멋집니다.
썸네일도 잘 생성되는 것 같고, 썸네일 클릭시 바로 재생되는 것도 정말 멋지네요.
개발 본능은 어쩌지 못하시나 봅니다.^^
얼른 마음 푸시길...
-
애니즌
2014.05.16 14:44
풀 것도 없습니다 ㅋㅋ 크게 쌓인 것이 없으니 말이죠 ㅎㅎ
썸네일 바로 클릭시 재생되는 건 애드온 기능이 아닙니다.
이는 게시판 스킨에서 해줘야 하는 작업입니다.
물론 애드온에서도 가능은 하겠지만..
커스텀마이징이 어렵겠죠..?
단순히 애드온에서는 유튜브 썸네일 생성 과 썸네일 주소 및 유튜브 동영상 ID값을 리턴해줍니다.
이를 활용해서 원하는 위치에 썸네일을 넣을 수 있고 동영상 ID값을 이용하여 동영상을 재생할 수 있는 것이지요:)
-
nado0124
2014.05.16 15:12
저 같은 사람들에게는 커스텀마이징 = 프로그래밍 입니다.^^
정말 부럽네요.
사이트도 차별화된 느낌이 정말 멋지더군요.
-
콩까기
2014.05.16 00:54
예시홈페이지에서 첫번째영상 클릭했다가 끝까지 보고왔네요 ㅋㅋ 좋은애드온같습니다! 썸네일생성+재생까지된다니요!
-
애니즌
2014.05.16 14:46
넵 저도 그 영상 몇번 계속 보고 있네요 ㅎㅎ
저도 저렇게 좋아하는 것에 미친 듯이 해봐야 할텐데 말이죠.. ㅎㅎ
올해에는 내가 좋아하는 것을 좋아하기 위한 여행을 가보려고 합니다:)
-
모해
2014.05.16 03:44
와 대박 필요한건데!!
막 유툽에 비메오에 사운드클라우드에 등등 다나오면 대박이겟네요 ㅎㅎ
-
애니즌
2014.05.16 14:43
비메오도 되긴 합니다만 ㅎㅎ
사운드클라우드는 생각 못했네요 !
해당 것도 되도록 해봐야겠네요 !
근데 사운드클라우드도 썸네일이 존재하나요?
-
모해
2014.05.16 14:49
음..
썸네일?이라기보단 앨범 커버같은 이미지 같은게 있더라구용 ㅋ
-
애니즌
2014.05.16 15:12
우선 대충 훑어봤는데...
딱히 공유하는 소스의 id값과 cover의 주소를 매칭 시킬만한 id가 없는 것 같습니다..-_-;;
자세히는 안봐서 모르겠지만....
안될 가능성이 높군요
-
mAKEkr
2014.05.16 15:32
클라우드플레어 API가 있어서 요거 쓰시면 되실것같아요!
-
애니즌
2014.05.17 02:12
헛.. 현재 유튜브 api만으로도 벅찹니다. ㅠㅠ
-
업글
2014.05.16 17:24
유튜브 정도면 거대한(?) 미디어 제공 사이트인데 이정도면 코어측에서 지원해도 나쁘지 않을 것 같아요.
유튜브, vimeo, DM 등등.. 규모가 큰 사이트정도는 XE 코어 함수를 건들여서 PULL-REQUEST하셔도 좋을 것 같습니다.
멋진 애드온 공개해주셔서 감사합니다 :)
-
애니즌
2014.05.17 02:13
전 개발자가 아닙니다.. ㅠㅠ 그냥 일반인이여요.. PUU-REQUEST가 그.. 짓허브에서 뭔가 하는 거 말씀하시는 건가요? (무슨 말씀인지 모르겠네용..ㄷㄷ)
-
여우별다솜
2014.05.16 22:03
솔직히 유튜브,비메오정도는 XE측에서 지원 해주거나 도와줘도 괜찮을것 같긴하네요..
-
애니즌
2014.05.17 02:14
그렇긴 한데..
생각해보니 기존썸네일과 같이 작동하는 방식이라면
유튜브로 대표 썸네일을 지정하고 싶거나 둘 다 표기하고 싶을 때 애로사항이 생길 것 같더라구요 ㅎㅎ
개별적으로 가는 것도 괜찮다고 보입니다 ㅎ
-
teguh100
2014.05.16 22:52
-
애니즌
2014.05.17 02:14
아닙니다 ㅎㅎ 지금도 버그 투성이라 버그와 사투를 벌이고 있습니다 ㅠㅠ
-
teguh100
2014.05.17 02:20
-
CoffeeMix
2014.05.16 22:55
뭔가 대단한 아이템이 나올듯 ㅋ
섬네일 가져오는 함수에 접근하는건 애드온에서는 불가능한걸로 알고 있습니다.
덧글 리스트에 손을 못대듯 말이죠 ㅠㅠ