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.net/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.net/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.net/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 272739 0
공지 [일반] 자유게시판 글 작성시의 표현 사용에 대해 다시 공지드립니다. [16] empty 19/02/25 340005 10
공지 [일반] [필독] 성인 정보를 포함하는 글에 대한 공지입니다 [51] OrBef 16/05/03 461982 29
공지 [일반] 통합 규정(2019.11.8. 개정) [2] jjohny=쿠마 19/11/08 335676 3
102550 [일반] 신세계그룹. 신세계 / 이마트 계열분리 발표. [20] Leeka2419 24/10/30 2419 1
102549 [일반] 사람이 사람을 먹은 역사: 식인의 여러 종류를 알아보자 [4] 식별647 24/10/30 647 6
102548 [일반] 1억원 넘은 비트코인…전고점 경신 '눈앞' [39] 덴드로븀2636 24/10/30 2636 0
102547 [일반] 조금 다른 아이를 키우는 일상 [45] Poe6029 24/10/29 6029 147
102546 [일반] 서비스업 비중이 높다는 것은 어떤 의미일까? [18] 깃털달린뱀5358 24/10/29 5358 12
102545 [일반] 소리로 찾아가는 한자 45. 높이날 료(翏)에서 파생된 한자들 [4] 계층방정2579 24/10/29 2579 2
102544 [일반] Plan B [45] 슈니5617 24/10/29 5617 37
102543 [일반] [서평]《편향의 종말》- 무의식에서 나오는 편향을 끝내는 길 [12] 계층방정3928 24/10/28 3928 5
102542 [일반] 노비의 삶을 알아보자: 무얼하고 살았을까? [37] 식별6895 24/10/28 6895 41
102541 [일반] 인텔 Z890, 윈11 24H2 업그레이드시 충돌,재부팅 발생, BIOS 업데이트 필요 [18] SAS Tony Parker 8451 24/10/27 8451 3
102540 [정치] 양질의 일자리란 무엇인가 [46] 고무닦이10633 24/10/27 10633 0
102539 [일반] 노비의 삶을 알아보자: 노비의 사생활 [8] 식별7099 24/10/27 7099 38
102538 [일반] <이토록 친밀한 배신자 5화> 의문들 (스포일러 주의) [23] BTS5239 24/10/27 5239 0
102537 [일반] [팝송] 칼리드 새 앨범 "Sincere" 김치찌개3016 24/10/27 3016 1
102536 [일반] (데이터주의, 스압) 양재천의 사계 [5] nearby2355 24/10/26 2355 7
102535 [일반] 가을의 덕수궁을 바라볼 수 있는 정동전망대 [17] 及時雨4218 24/10/26 4218 10
102534 [일반] 짜장면의 유래로 알려진 통설은 잘못되었다 ? [37] 아스라이5813 24/10/26 5813 5
102533 [일반] 박해받는 시대를 겪은 기독교의 아물지 못한 흉터, 세대주의적 전천년설 [14] 계층방정4075 24/10/26 4075 8
102532 [일반] 노비의 삶을 알아보자: 노비는 어떻게 됐을까? [9] 식별4454 24/10/26 4454 32
목록 이전 다음
댓글

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