PGR21.com
- 자유 주제로 사용할 수 있는 게시판입니다.
- 토론 게시판의 용도를 겸합니다.
Date 2023/11/05 09:39:50
Name 당근병아리
Subject [일반] PGR21 embed 도입 및 속도개선 (수정됨)
개발운영진 당근병아리입니다.

embed가 여러모로 패치하였습니다.

1. streamable (도입)
- width(848)에 맞게 리사이징

-height



2. youtube (개선)
-shorts


- 파리미터값들 ?si=o8uWQAhyjRtthvTO 안보이도록


3. twitter (도입)
- x.com -> twitter.com 변환


4. giphy (개선)


5.imgur (개선)
- 기존 방법(사용가능):  blockquote class="imgur-embed-pub" lang="en" data-id="a/:id"

[추가] @묻고 더블로 가! 님, @주말 님 감사합니다!




imgur 는 600 * 500 이고 twitter는 자동사이지이며 나머지는 600*338 입니다.
embed 의 사이즈는  imgur는 1:1이고 나미지는 16:9 크기 비율 입니다. (twitter는 자동입니다.)
화면너비는 100%입니다.

댓글 예제처첨 넣으면 자동 embed가 됩니다.
javascript 방식은 랜더링에 의해 속도가 느린 관계로 직접 embed하는 방식으로 개선하였습니다.
이상입니다.

* jjohny=쿠마님에 의해서 질문 게시판으로부터 게시물 이동되었습니다 (2023-11-05 10:35)
* 관리사유 : 자게로 이동합니다.

통합규정 1.3 이용안내 인용

"Pgr은 '명문화된 삭제규정'이 반드시 필요하지 않은 분을 환영합니다.
법 없이도 사는 사람, 남에게 상처를 주지 않으면서 같이 이야기 나눌 수 있는 분이면 좋겠습니다."
당근병아리
23/11/06 07:10
수정 아이콘
당근병아리
23/11/09 06:57
수정 아이콘
당근병아리
23/11/05 09:51
수정 아이콘
원하는 사이즈(size)가 있으면 댓댓글을 남겨주시기 바랍니다.
VictoryFood
23/11/05 09:52
수정 아이콘
우와 너무 조아요 짱짱
당근병아리
23/11/05 09:52
수정 아이콘
개인적으로 댓글에 유저태그 기능을 넣어서 푸시알람가면 좋겠다고 생각 중입니다.
유료도로당
23/11/05 10:24
수정 아이콘
자유게시판에 쓰셨어야 할 글 같긴하지만.. 늘 수고많으십니다 흐흐
23/11/05 10:26
수정 아이콘
[개발자의 어깨는 쓰면 쓸수록 강해진다]
Timeless
23/11/05 10:40
수정 아이콘
우와! 감사, 압도적 감사!
주여름
23/11/05 10:49
수정 아이콘
최고에요!
23/11/05 10:58
수정 아이콘
일단 추천!
@user-ak23f7kgkz
23/11/05 11:13
수정 아이콘
수고하십니다.
근데 댓글알림에 욕설같은걸로 삭제된 댓글이 원본그대로 배경색까지 강조돼서 잘보이게 되던데요.
이건 말그대로 색다른 경험을 주는데 다른 조치가 있어야 하지 않을지 싶습니다.
당근병아리
23/11/05 15:09
수정 아이콘
혹시 쪽지로 링크를 알려주시면 바로 수정패치하겠습니다
@user-ak23f7kgkz
23/11/05 15:35
수정 아이콘
그 게시물 특정 댓글이 그렇단게 아니고
댓글알림 숫자 누르면 나오는 댓글들중에 삭제된 욕설이 그렇게 보인다는 얘기였습니다.
지금은 제 아이디로는 목록 삭제한 상태라서 볼 수 없구요.
당근병아리
23/11/05 21:44
수정 아이콘
알람 가능은 일반통행이라서 한번 발행이 되면 그런 문제점이 있습니다.
즉 메일와 비슷합니다.
리얼포스
23/11/05 11:18
수정 아이콘
감사합니다!!
23/11/05 11:27
수정 아이콘
드디어 유게를 편히 볼 수 있게되었군요
취급주의
23/11/05 11:57
수정 아이콘
감사합니다
23/11/05 12:07
수정 아이콘
개추
23/11/05 12:14
수정 아이콘
일단 먼지는 잘 모르지만 감사합니다
SAS Tony Parker
23/11/05 12:24
수정 아이콘
링크 삽입시 따로 클릭 없이 바로 보인다는겁니다
23/11/05 14:43
수정 아이콘
일단 좋은거죠 항상 감사합니다 ^^
23/11/05 12:25
수정 아이콘
외쳐 킹근병아리

감사합니다
앵글링x스키밍
23/11/05 12:32
수정 아이콘
우왕 굳
23/11/05 12:34
수정 아이콘
streamable 자동 임베딩은 제가 건의게시판에 요청드렸습니다. 크크
운영진분들께 감사드립니다

이제 페이지 상에서 바로 볼 수 있는지 없을지 모르는 슈뢰딩거 같은 임거와 저화질의 giphy에서 벗어날 수 있겠군요.

앞으로 유게 및 스연게의 짤쟁이 분들은 모두 streamable 적극 활용 부탁드립니다
당근병아리
23/11/05 22:09
수정 아이콘
@kapH 님
덕분에 embed 에 대한 개선을 하였습니다. 감사드립니다.
화면크기는 16:9로 수정했으니 평을 남겨주시면 감사하겠습니다.
23/11/05 12:51
수정 아이콘
오. 빨라졌다.
록타이트
23/11/05 12:57
수정 아이콘
수고 많으십니다!
Davi4ever
23/11/05 13:13
수정 아이콘
이걸 이제 봤네요. 감사합니다!
Davi4ever
23/11/05 13:34
수정 아이콘
지금 테스트로 글을 썼다가 지워봤는데 560x998 정도 사이즈의 움짤로 테스트 해봤는데
사이즈 설정을 어떻게 하셨는지는 제가 알 수 없지만 너무 작게 나오는 문제가 있습니다.

그래서 제가 사이즈나 오토플레이 등을 설정할 수 있게 (소리없는 움짤은 오토플레이가 좀더 어울리니까요)
embed 코드를 직접 카피해서 갖다 붙이는 형태를 시도해봤는데 이건 나오지 않더라고요 ㅠㅠ
이 설정을 제가 맞출 수 있으면 좀더 좋을 것 같기는 합니다.

이 부분에 대한 문의 드립니다!
당근병아리
23/11/05 15:38
수정 아이콘
그러면 커스텀크기옵션을 만들겠습니다.
Davi4ever
23/11/05 15:52
수정 아이콘
답변 감사합니다! 다시 테스트해보겠습니다.
Davi4ever
23/11/05 16:15
수정 아이콘
아 지금 바로 되는 건 아니었군요. 업데이트되면 추가 고지 부탁드리겠습니다. 항상 고생 많으십니다!
원숭이손
23/11/05 13:59
수정 아이콘
우와아아아앙
SAS Tony Parker
23/11/05 14:07
수정 아이콘
인스타그램 임베딩 요청 가능합니까 흐흐
당근병아리
23/11/05 15:38
수정 아이콘
인스타그램을 연구하겠습니다.
당근병아리
23/11/05 21:07
수정 아이콘
인스타그램은 페이스북 계정에 통해 acess token를 획득하고 제한이 하루에 500만 건수입니다.
SAS Tony Parker
23/11/05 21:25
수정 아이콘
그렇게 되는군요..
당근병아리
23/11/05 21:29
수정 아이콘
client-token 절차가 복잡합니다.
1. facebook 개발자 계정에 앱 등록
2. instagram 비지니스 계정 연결
3. 앱 검수
4. 클라이언트 토큰 발급
5. API 호출 뒤 HTML 반환
2021년 이후 이렇게 폐쇄형으로 변경되었다고 합니다.
SAS Tony Parker
23/11/05 23:18
수정 아이콘
메타 나쁜놈들.. 크크크
코우사카 호노카
23/11/05 14:15
수정 아이콘
와우 이게 되는군요
묻고 더블로 가!
23/11/05 16:01
수정 아이콘
저만 그런지 몰라도 폰이든 컴이든 유게의 기존 imgur 움짤들이 전부 안 보이네요
Davi4ever
23/11/05 16:30
수정 아이콘
저도 안 보이네요. 확인이 필요할 듯 합니다.
농담곰
23/11/05 16:45
수정 아이콘
일단 추천!! 항상 감사합니다 :) 업로더 분들도 늘 감사합니다!
메롱약오르징까꿍
23/11/05 17:51
수정 아이콘
imgur를 어떻게 쓰는지 감이 안잡히네요

기존 imgur 움짤들이 안나와서 위에 댓글처럼 바꿔도 안나오는데 사이즈 문제인가요?
메가트롤
23/11/05 18:47
수정 아이콘
와... 정말 위대합니다 선생!!!
Your Star
23/11/05 20:24
수정 아이콘
든든하구먼
묻고 더블로 가!
23/11/05 21:29
수정 아이콘
게시판 이미지 가로 최대크기는 815 인데 영상류는 600 으로 설정하시는 이유가 따로 있을까요?
당근병아리
23/11/05 21:46
수정 아이콘
600으로 한 이유는 초기설정이 그렇게 되었습니다.
나름 커스텀 옵션을 제공하는 방법을 찾고 있습니다.
당근병아리
23/11/05 21:57
수정 아이콘
(수정됨) @묻고 더블로 가!
@메롱약오르징까꿍
@Davi4ever
embed 의 사이즈는 imgur는 1:1이고 나미지는 16:9 크기 비율 입니다. (twitter는 자동입니다.)
화면너비는 100%입니다.
23/11/05 22:16
수정 아이콘
그냥 주소만 넣으면 되는게 맞나요? 지금쓰는글에서는 움짤이 안보이는거같아서요
https://cdn.pgr21.com./humor/489619
당근병아리
23/11/05 22:35
수정 아이콘
https://imgur.com/a/YtL6Ij7 연령제한이 있습니다. 나오도록 수정하겠습니다.
23/11/05 22:37
수정 아이콘
감사합니다
당근병아리
23/11/06 07:05
수정 아이콘
https://imgur.com/a/YtL6Ij7 해도 됩니다.
한가지 아이디어가 생각나서 적용하니 됩니다.
23/11/06 07:27
수정 아이콘
감사합니다 고생 많으십니다!
당근병아리
23/11/05 22:44
수정 아이콘
(수정됨) imgur 에서 18이상 콘텐츠가 있어서 embed를 막았습니다.
[This post may contain erotic or adult imagery. By continuing, you acknowledge that you are 18+ years of age ]
묻고 더블로 가!
23/11/05 23:38
수정 아이콘
1. 기존 imgur 움짤을 피지알에 공유할 때 썼던 "<blockquote class= 어쩌구저쩌구~" 태그는 전부 먹통이 된 듯 합니다
과거 글들의 움짤이 전부 안 나오네요

2. 바뀐 방식으로 imgur의 세로로 긴 움짤을 피지알에 올려보니 밑 부분이 잘리네요;;
1:1 비율이라 남는 부분은 그냥 잘라 버리는 듯 합니다
당근병아리
23/11/06 00:42
수정 아이콘
(수정됨) 님 덕분에 찾아서 rollback를 하고 나옵니다.
확인해 주셔서 감사합니다.
당근병아리
23/11/06 00:56
수정 아이콘
1. 검색하지 않고 직접가면 나옵니다.
https://cdn.pgr21.com./spoent/79461

2. PC에서 정상이지만 모바일에서 문제가 발견되었습니다.
묻고 더블로 가!
23/11/06 01:10
수정 아이콘
이제 잘 나오네요! 감사합니다
당근병아리
23/11/06 01:14
수정 아이콘
2번 모바일에서 잘라 버리는 것도 해결하였습니다.
묻고 더블로 가!
23/11/06 01:16
수정 아이콘
https://imgur.com/1c1vbDr

혹시 이 움짤을 게시글에 올렸을 때 밑부분이 안 잘리고 잘 나오시나요?
모바일은 안 잘리는데 PC로 볼 때 잘려서 나오네요
제가 이상한 건지
당근병아리
23/11/06 07:07
수정 아이콘
(수정됨) @묻고 더블로 가! 님
새벽에 방법을 못 찾았지만 아이디어가 생각나서 방금 적용하니 되었습니다.
Davi4ever
23/11/07 19:37
수정 아이콘
streamable로 세로로 긴 영상을 올릴 때 두 가지 문제점이 있습니다.

1. 영상이 너무 작게 나옵니다. 아마 세로 길이가 특정한 사이즈에 맞춰지면서 작아지는 느낌인데
이 부분에 대한 개선이 필요할 것 같습니다.

2. 좌측으로 붙어 나오지 않고 뭔가 가운데 정렬이 된 느낌으로 왼쪽에 공백이 생깁니다.

세로 영상이 크게 나오고, 왼쪽으로 붙어 나오는 방향으로 개선되면 좋을 것 같습니다.
Davi4ever
23/11/07 21:03
수정 아이콘
https://cdn.pgr21.com./humor/489737
이 글을 보시면 위 내용이 어떤 의미인지 잘 이해되실 것 같아 추가합니다.
당근병아리
23/11/08 12:02
수정 아이콘
접수하였습니다.
Davi4ever
23/11/08 16:00
수정 아이콘
고생 많으십니다. 개선이 되면 말씀 부탁 드리겠습니다 (_ _)
당근병아리
23/11/09 06:53
수정 아이콘
너비와 높이를 직접 받도록 변경하였고 원본 너비가 pgr21 너비보다 클 경우 계산되어서 리사이징 됩니다.
@Davi4ever 님 의 제보 및 의견은 큰 도움이 됩니다.

감사합니다!
당근병아리
23/11/09 07:32
수정 아이콘
giphy 에 대한 너비와 높이를 구하는 것을 연구하겠습니다.
목록 삭게로! 맨위로
번호 제목 이름 날짜 조회 추천
100465 [정치] 군수 딸이 시험 응시하니 선발 인원을 늘려 합격시킨 일이 일어났습니다 [55] will15697 23/12/12 15697 0
100464 [정치] '피닉스' 이인제 전 국회의원 내년 총선 출마 공식선언 [73] 흰둥14317 23/12/12 14317 0
100463 [일반] WIFI 7 내년 초 승인, SSD 가격 55% 상승 예상 [55] SAS Tony Parker 11813 23/12/12 11813 0
100462 [일반] 행선지 속인 채 공항으로…유학생들 ‘납치’ 출국시킨 한신대 [53] 매번같은15541 23/12/12 15541 17
100461 [일반] 한미일 의료현장 비교 [35] 경계인12659 23/12/12 12659 55
100458 [일반] 비가 온다 [4] 영호충7021 23/12/11 7021 15
100457 [일반] 영화 <오펜하이머>를 보고 세계공화국을 생각해 보다 (에세이) [9] 두괴즐7232 23/12/11 7232 4
100456 [일반] 소소한 기부. 나는 왜 김소현에 빠졌는가? 그리고 달이 뜨는 강 [19] SAS Tony Parker 9489 23/12/11 9489 4
100455 [일반] 유정란이 몸에 좋아 [55] 겨울삼각형10363 23/12/11 10363 34
100454 [일반] <헤드윅> - 신도, 인간도 아닌, 오직 헤드윅.(약스포) [12] aDayInTheLife6238 23/12/10 6238 0
100453 [일반] 아이를 어떻게 키워야할까?_8. 자존감은 변화할 수 있다. [5] realwealth7400 23/12/10 7400 4
100452 [일반] <서울의 봄> : 절반의 성공, 혹은 절반의 실패 [86] 오곡쿠키13077 23/12/10 13077 26
100451 [일반] [팝송] 롤링 스톤스 새 앨범 "Hackney Diamonds" [4] 김치찌개6058 23/12/10 6058 1
100450 [일반] 놀라운 영화 엔딩들 [45] 시나브로14501 23/12/09 14501 3
100449 [정치] 내년 대선 출마를 선언한 외국 정치인... [23] 우주전쟁16394 23/12/09 16394 0
100448 [일반] (스포) <서울의 봄> - 국가와 민주주의를 좀먹는 기생충은 누구인가? [13] 마스터충달9603 23/12/09 9603 24
100447 [일반] 영화 her같은 인공지능이 구현될려면 얼마나 걸릴까요? [19] 붕붕붕8439 23/12/09 8439 0
100446 [일반] 유료화 직전 웹툰 추천-위아더좀비 [18] lasd2419026 23/12/09 9026 14
100445 [일반] 어느덧 전역 D-100…! [29] 피잘모모8486 23/12/09 8486 30
100444 [일반] The Cranberries의 잘 알려지지 않은 노래 몇곡 [9] 삭제됨6703 23/12/09 6703 5
100443 [일반] [팝송] 샐럼 일리스 새 앨범 "High Concept" 김치찌개5388 23/12/09 5388 0
100442 [일반] 강아지 하네스 제작기 (4) - 나한테만 필요한건가 [6] 니체5599 23/12/09 5599 4
100441 [정치] 이준석, 좌성회, 류호정 넥슨 남혐손 입장 [54] brpfebjfi14708 23/12/09 14708 0
목록 이전 다음
댓글

+ : 최근 1시간내에 달린 댓글
+ : 최근 2시간내에 달린 댓글
맨 위로