content_count 121

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 애드온 멀티팝업 + 설날팝업 디자인 free
19 애드온 XNS SNS 공유버튼 삽입 애드온 free
18 애드온 코멘트 1,2,3등 추가 포인트 애드온 v0.4 100P
» 애드온 oembed 애드온 개선판 및 멀티미디어 썸네일 애드온 개선판 10P
16 애드온 XNS 게시글 QRCODE 삽입 애드온 free
15 애드온 게시글 부족 회원 작성제한 애드온 20P
14 애드온 시간제한 게시물 애드온 10P
13 애드온 디스코드 알림 애드온 10P
12 애드온 스크랩을 하려면 댓글을 달아야 합니다. 100P
11 애드온 드래그하여 페이지/문서 이동 애드온 판매종료 free
10 애드온 글쓰기 전 사전 동의 애드온 V1.0 100P
9 애드온 XNS 구글지도 삽입(Embed) 애드온 free
8 애드온 XNS 게시글 첨부이미지 워터마크 생성 애드온 free
7 애드온 트위터스타일 링크파싱 애드온 스킨 free
6 애드온 게시물 자동삭제 애드온 free
5 애드온 댓글 랜덤 포인트 애드온 100P
4 애드온 ACT 화이트리스트 애드온 free
3 애드온 확장변수 댓글/추천 애드온 300P
2 애드온 게시판 확장변수 유효기간 애드온 50P
1 애드온 작성자 자동 변경 애드온 V0.1 free