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/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:37
수정 아이콘
감사합니다
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 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 에 대한 너비와 높이를 구하는 것을 연구하겠습니다.
목록 삭게로! 맨위로
번호 제목 이름 날짜 조회 추천
101642 [일반] 인천 주차장 폭행사건의 1심 선고가 나왔습니다. [64] Croove12055 24/06/05 12055 4
101641 [일반] 교감 뺨 때리는 초등학생, 담임 선생님 폭행하는 학부모 [191] 12254 24/06/05 12254 14
101574 [일반] 험난한 스마트폰 자가 수리기(부제 : 자가수리로 뽕뽑기) [60] Eva0106915 24/05/27 6915 12
101462 [일반] '입시업체 댓글조작' 폭로했던 스타강사 '삽자루' 사망 [53] 윤석열15580 24/05/13 15580 3
101457 [일반] [스압 & 데이터] 어제 찍은 오로라 사진 [18] 엔지니어9338 24/05/12 9338 20
101354 [일반] 삼성 갤럭시 S팬의 소소한 기능 [34] 겨울삼각형12738 24/04/27 12738 0
101071 [일반] 타오바오...좋아하세요? [60] RKSEL10635 24/03/04 10635 35
100933 [정치] 일본은 한국보다 10년 빠르다. 의사증원마저도. [321] 스토리북18319 24/02/18 18319 0
100709 [일반] 문구점 근무중 겪은 빌런 올림픽 "은메달"편 2/3 [42] Croove11129 24/01/14 11129 18
100616 [일반] 일본 하네다 공항에서 비행기 사고가 있었다고 합니다. [36] 카루오스16862 24/01/02 16862 1
100614 [정치] 더불어민주당 이재명 대표가 오늘 부산 방문 중 괴한에게 피습당했습니다 [431] EnergyFlow52147 24/01/02 52147 0
100304 [일반] MBC 당근칼 보도 조작 의혹 [179] 시린비10064 23/11/22 10064 44
100202 [일반] PGR21 embed 도입 및 속도개선 [69] 당근병아리8705 23/11/05 8705 38
100058 [일반] 이팔 사태 관련 바이든 입장문 + 이스라엘 아기 참수 확인 불가 [34] 고세구11077 23/10/16 11077 13
99776 [일반] [2023 여름] Time Files... [14] aDayInTheLife7006 23/09/11 7006 14
99677 [일반] 99671글 관련) 림버스 컴퍼니 매출 하락은 특정 논란에 의한 것인가? - 가챠 게임의 특성을 중심으로 [111] 토루10816 23/09/02 10816 11
99402 [일반] 주호민 공소장을 보면 다시 생각해볼 부분도 있네요 [197] 플레스트린16793 23/08/04 16793 13
99343 [일반] 주호민 관련, 같은 학교 학부모들의 제보가 jtbc에 나왔습니다 [409] Leeka36368 23/07/28 36368 88
99095 [정치] 8년만에 한일통화스와프 복원…전액 달러 기반 100억弗(종합) [32] 기찻길10576 23/06/29 10576 0
98910 [일반] imgur로 피지알에 움짤을 업로드해보자 [8] 손금불산입8934 23/06/01 8934 17
98198 [정치] 코로나 3년 후 주요국 초과사망 통계를 정리해 봤습니다. [32] 홍철11808 23/03/18 11808 0
97035 [정치] 박희영 용산구청장 "역할 다 했다" "핼러윈은 축제 아니라 현상" [298] Davi4ever27669 22/11/01 27669 0
96865 [일반] 여러분들은 어떤 동기로 행동하십니까 [43] 상록일기12730 22/10/13 12730 3
목록 이전 다음
댓글

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