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://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://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://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 에 대한 너비와 높이를 구하는 것을 연구하겠습니다.
목록 삭게로! 맨위로
번호 제목 이름 날짜 조회 추천
공지 [정치] [공지] 정치카테고리 운영 규칙을 변경합니다. [허들 적용 완료] [126] 오호 20/12/30 276341 0
공지 [일반] 자유게시판 글 작성시의 표현 사용에 대해 다시 공지드립니다. [16] empty 19/02/25 341916 10
공지 [일반] [필독] 성인 정보를 포함하는 글에 대한 공지입니다 [51] OrBef 16/05/03 463873 29
공지 [일반] 통합 규정(2019.11.8. 개정) [2] jjohny=쿠마 19/11/08 338285 3
102763 [일반] 재빠른 윈터 타이어 후기 [6] 시무룩1037 24/11/27 1037 2
102762 [일반] 눈이 싫다.. [34] 대장햄토리2455 24/11/27 2455 1
102761 [일반] 아베의 세 번째 화살, 일본의 기업 거버넌스 개혁 [17] 깃털달린뱀2726 24/11/27 2726 11
102760 [정치] "김건희특검 여당 집단기권? 의원 입틀어막기" [39] youcu4034 24/11/27 4034 0
102759 [일반] 12월 8일, 연세대 수시 자연계열 논술전형 추가 시험 시행됩니다. [19] 매번같은2545 24/11/27 2545 0
102758 [정치] “트럼프팀, 北김정은과 직접 대화 검토” 로이터 [61] 물러나라Y2140 24/11/27 2140 0
102756 [일반] 네이버 멤버십에 넷플릭스가 추가되었습니다 [41] 설탕가루인형형5686 24/11/27 5686 2
102755 [정치] Kbs는 어디까지 추락할것인가 [46] 어강됴리8336 24/11/27 8336 0
102754 [일반] 페이커 외교부 기조연설 전문 [25] 설탕물6408 24/11/26 6408 34
102752 [정치] 법적대응이 시작된 동덕여대 사태 [204] 아서스16505 24/11/26 16505 0
102751 [정치] 윤 대통령, ‘김건희 여사 특검법’ 재의요구권 행사-특검법 3차 거부 [48] 물러나라Y6925 24/11/26 6925 0
102750 [일반] 우리가 실험실의 뇌가 아닌 것을 알 방법이 있을까? [55] a-ha5826 24/11/26 5826 0
102749 [일반] 기독교 작가 GOAT의 귀환. G. K. 체스터턴 탄생 150주년 기념판 [94] Taima4157 24/11/26 4157 3
102748 [일반] 지금까지 이용했던 항공사 소감-1 [59] 성야무인4726 24/11/26 4726 4
102747 [일반] 소리로 찾아가는 한자 53. 골 곡(谷)에서 파생된 한자들 [6] 계층방정1196 24/11/26 1196 1
102746 [일반] 울트라에서 프로맥스로..아이폰 10달 사용기 [13] Lord Be Goja3413 24/11/26 3413 15
102745 [일반] SNS, 메신저는 아무리 엄청나게 성공해도 오래 못 가는 듯 합니다. [53] 뭉땡쓰7445 24/11/26 7445 4
102744 [정치] 오세훈 시장 측, 명태균에게 21년 보궐선거 당시 3,300만 여론조사비 대납 의혹 [31] 린버크5717 24/11/25 5717 0
102743 [정치] '오세훈 스폰서' 강혜경에게 "명태균에 20억 주고 사건 덮자" [32] 물러나라Y5630 24/11/25 5630 0
목록 이전 다음
댓글

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