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 에 대한 너비와 높이를 구하는 것을 연구하겠습니다.
목록 삭게로! 맨위로
번호 제목 이름 날짜 조회 추천
100521 [일반] 점점 확대되어가고 있는 도로 열선 [132] VictoryFood15636 23/12/21 15636 2
100520 [일반] 죽은 군인들로부터 뽑아낼 수 있는 것들 [14] 우주전쟁10517 23/12/21 10517 18
100519 [정치] 與 비대위원장에 한동훈 지명 [344] Rio22288 23/12/21 22288 0
100518 [정치] 대주주 양도세가 10 억에서 50 억으로 상향됐습니다. [176] 아이스베어14396 23/12/21 14396 0
100517 [일반] 아쿠아맨과 로스트 킹덤 감상(스포주의) [25] PENTAX6691 23/12/20 6691 2
100516 [일반] [웹소설 후기] 악(惡)의 등교 <스포주의> [10] 일월마가6311 23/12/20 6311 3
100515 [일반] 뭐. PGR 20학번이 글 1천개를 썼다고? [152] SAS Tony Parker 9668 23/12/20 9668 15
100514 [일반] 아이를 어떻게 키워야할까?_9. 아이는 부모를 성장시킨다. (마지막) [5] realwealth4320 23/12/20 4320 2
100513 [일반] <노량: 죽음의 바다> 짧은 감상 (스포일러 포함) [30] BTS6853 23/12/20 6853 4
100512 [일반] [에세이] 태계일주3: 오지에서 만난 FC 바르셀로나 (上편) [5] 두괴즐5828 23/12/20 5828 1
100511 [정치] 장예찬 최고위원의 여론 왜곡 [64] 맥스훼인10595 23/12/20 10595 0
100510 [일반] 콜로라도 대법원 : 트럼프 대선 경선 출마 금지 [66] 타카이11246 23/12/20 11246 7
100509 [일반] 강아지 하네스 제작기 (7) - 컨셉은 정해졌다 [11] 니체4707 23/12/19 4707 3
100508 [일반] 중국의 전기차, 한국 시장은? [63] 사람되고싶다9452 23/12/19 9452 12
100507 [정치] '패소할 결심'대로... '윤석열 징계 취소 2심' 뒤집혔다 [94] Crochen13353 23/12/19 13353 0
100506 [정치] 이코노미스트가 한국을 OECD 중 2위로 평가했네요 [100] 아이스베어13758 23/12/19 13758 0
100505 [일반] 요즘 코인에서 유행하는 인스크립션, 오디널스, BRC란 [12] 시드마이어6625 23/12/19 6625 1
100504 [일반] 카카오톡 AI 남성혐오 논란 [24] Regentag8403 23/12/19 8403 5
100503 [정치] 전두환 회고록으로 살펴본 '서울의 봄' [15] bluff7395 23/12/19 7395 0
100502 [일반] 내일부로 무실적 꿀카드 하나가 단종 됩니다. [45] 길갈11235 23/12/19 11235 6
100501 [일반] 가톨릭 교회에서 사제가 동성 커플을 축복하는 것이 공식적으로 승인되었습니다. [39] jjohny=쿠마8089 23/12/19 8089 10
100500 [정치] 한동훈 법무장관이 비대위원장에 오려고 하나봅니다. [118] 매번같은12558 23/12/19 12558 0
100499 [일반] (스포 x) 영화 '싱글 인 서울' 추천합니다. [4] 철판닭갈비4988 23/12/19 4988 0
목록 이전 다음
댓글

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