CMS솔루션마켓, 이온디 - 워드프레스, 라이믹스, 카페24, 그누보드, 엑셀

STORE

content_count 447

oembed 애드온 개선판 및 멀티미디어 썸네일 애드온 개선판

10P

0점 / 총 0명 참여
  • 구매자 0
  • 분류 애드온
  • 상품카테고리 애드온 
  • 상태 판매중 
  • 소개 기존 oembed 애드온 및 멀티미디어 썸네일 애드온의 개선 버젼입니다 
  • 설치경로 ./addons 
  • 버전 2.0.3 
  • 라이센스 MIT License 
  • 개발자 단비아빠 
  • 구매 페이지 https://xetown.com/point_contents/1610429?page=2 
  • 다운로드
    multimedia_thumbnail.3.0.2.zip 12.3KB (잔여일 : -, 잔여횟수 : -)
    oembed.v2.0.3.zip 22.24KB (잔여일 : -, 잔여횟수 : -)
File Name file_capacity residual_day residual_amount condition download
multimedia_thumbnail.3.0.2.zip 12.3KB - - - download
oembed.v2.0.3.zip 22.24KB - - - download

multimedia_thumbnail.3.0.2.zip oembed.v2.0.3.zip 

oembed 2.0.3 올렸습니다.

인스타그램 규칙을 뒤에 /p/가 붙은 경우로 한정했습니다.

그외에 정규식에 오류가 있던걸 수정했습니다.

더이상 tinypng에 반응을 안할겁니다.

--------------------------

oembed 2.0.2 올렸습니다.

gfycat 추가했습니다

tiktok 추가했습니다

codepen 추가했습니다

captionpics 추가했습니다

mp4, avi, wmv, mpeg, mpg 등의 확장자에 대해 추가했습니다

yql을 써서 안되던 사이트들은 룰을 다 제거했습니다

------------------

멀티미디어 썸네일 수정했습니다.

oembed 수정했습니다.

인스타그램, soundcloud, imgur group에 대한 지원을 추가했습니다

그리고 버그도 하나 잡았구요

-----------------------------------------------------

parserlink 모듈이면 다 될 줄 알았는데

게시판을 보다 보니까 parserlink 모듈에 좀 문제가 있더군요.

base64로 이미지를 db에 저장하는 통에 db 사이즈가 어마어마하게 커진다는...

이미지 저장하는 부분은 덜어내서 가볍게 만들었지만 

parserlink가 최선의 솔루션이 아닐지도 모른다는 생각에 

게시판에 추천된 다른 방법들도 알아봤습니다.

xe 코어에서는 oembed라는 애드온을 쓰고 있더군요.

근데 오랫동안 버젼업이 안되서 방치되고 있는 것 같았습니다.

받아서 써보니까 그냥 jquery.oembed.js를 랩핑한 수준이더군요.

jquery.oembed.js 최신 버젼을 쓰면 될 것 같았습니다.

최신 버젼을 적용했지만 oembed 자체가 CORS 때문에 전에 비해서

안되는 곳이 엄청 많아진 것 같았습니다.

parserlink 모듈이 일일이 서버하고 통신하는 이유를 알 것 같다는...

이놈의 CORS 때문에 너무 짜증나네요... 

그래서 네이버tv, 카카오tv, 네이버 audiocloud, imgur 등은

규칙을 일일히 손으로 추가했습니다.

유튜브, 페북, 트위터는 잘 되기 때문에 

parserlink 모듈보다는 처리하는 곳이 좀 더 많을겁니다.

제가 테스트해본 곳 이외에 어디가 되고 어디가 안되는지는 잘 몰라요.

jquery.oembed.js가 기본으로 잔뜩 규칙을 가지고 있기는 한데

이게 업데이트된지 5년은 지난거라... 지금은 안되는 곳이 엄청 많더라구요.

CORS 문제도 있고.. 야후가 문닫은 문제도 있고.. (yql인가 하는걸 쓰더군요)

뭐 일단 테스트해본 곳만으로 충분할거란 생각은 드는데..

더 필요하심 말씀하세요.

그리고 parserlink하곤 다르게 서버 통신을 안하므로 매우 가볍구요.

그리고 추가적으로 그냥 이미지 링크를 붙여넣었을때도

처리했습니다.

 

https://xetown.com/files/attach/images/1089589/401/610/001/ed99fae067d99c80a9716987e420763d.jpg

 

이런 식으로 이미지 링크만 붙여넣으면 이미지가 나오는거지요.

이렇게 하면 외부 이미지 쓰기 되게 좋은데 왜 이걸 진작에 안지원해줬을까요..

 

그리고 겸사겸사 링크만 붙여넣어도 썸네일도 만들 수 있도록 했습니다.

기존에 멀티미디어 썸네일이라는 훌륭한 자료가 있었습니다만

이 애드온은 링크만으로는 처리가 안되고 iframe으로 붙여넣은 것만

썸네일을 만들어주더군요. (그리고 치명적인 버그도 하나 있더군요..)

그래서 약간? 수정해서 링크만 붙여넣어도 썸네일 만들어지도록 수정했습니다.

그리고 <img> 태그가 없이 이미지 링크만 붙여넣어도

썸네일 만들어지도록 했구요.

다만 링크만 붙여넣었을때 썸네일을 만드는 외부 서비스는 아직 유튜브뿐입니다.

네이버TV 카카오TV도 할려고 했는데 이건 썸네일 URL이 직관적으로 구해지질 않더라구요.

저쪽 서버하고 oembed 통신을 해야만 하는거라서...

이건 나중에 할려고 합니다. 버젼업되면 올려드릴께요.

 

하여튼 이 애드온 2개만 있으면 충분할 것 같습니다.

혹시 문제 있거나 처리를 추가하고 싶은 사이트가 있으면 댓글 남겨주세요.

그리고 oembed 처리는 parserlink 모듈을 안통해도 될 것 같지만

그래도 링크에 걸린 사이트 정보 미리 보는건 여전히 훌륭한 기능 같습니다.

저는 parserlink 모듈도 삼위일체로 함께 쓰려고 합니다. 

아참 parserlink 모듈은 현재 버젼 그냥 쓰시면 oembed와는 기능적으로 겹칩니다.

같이 쓰시려면 parserlink 모듈은 수정해야만 해요.

가능하면 이 3개의 분산된 기능을 하나로 합쳐서 모듈 하나로 만들까 하는데...

그렇게 해도 괜찮을지 모르겠습니다.

GPLv2라.. 제가 멋대로 수정하고 버젼도 올리긴 했습니다만..

아예 서로 다른 프로젝트끼리 합쳐버리면 좀 곤란할 것 같긴 한데요...

옵션 검색
List of Articles
No. Category Subject grade point
공지 상품 커스터마이징 건에 대해서
공지 이온디샵에서 개발자/디자이너 여러분의 컨텐츠를 판매하세요.
공지 포인트샵 오픈마켓입니다. 구매를 원할 경우 포인트를 충전해주세요.
20 모듈 XE Sticker 모듈(이온디 수정) 100P
19 테마/패키지 이온디 미니홈피 1,500P
18 모듈 XE라이믹스 출석부 출쳌 도장 스킨 free
17 애드온 이미지 필수 애드온 500P
16 애드온 sejin7940_write_limit - 일정기간 글/댓글 작성수 제한 애드온 ver. 1.5.2 free
15 레이아웃 DoorWeb 레이아웃 B ver. 1.4 100P
14 스킨 라이믹스XE Auction 경매모듈스킨 별도문의 800P
13 모듈 라이믹스XE 포럼(forum) 모듈 2,000P
12 애드온 라이믹스 바로 업로드 애드온 free
11 레이아웃 링크모음 여기여기 레이아웃 5,000P
10 위젯 나의메뉴 위젯 MD추천 free
9 모듈 pjaxboard 게시판 스킨 MD추천 free
8 위젯 현재위치출력 위젯(xe location 위젯) MD추천 10P
7 모듈 라이믹스XE 확장 변수 업로드 모듈 MD추천 free
6 애드온 회원 팝업 메뉴 관리 애드온 MD추천 free
5 모듈 라이믹스 게시글 예약발행 모듈 MD추천 free
4 모듈 라이믹스XE 등업관리모듈 (PHP8) 판매종료 MD추천 500P
3 모듈 라이믹스XE 시험 모듈(exam) MD추천 free
2 모듈 GG 클론 게시판 업데이터(ggcloner) 판매종료 MD추천 free
1 모듈 인스타그램 모듈 판매종료 MD추천 free