GIF/MP4 임베드 문제

이 문제를 해결하려고 꽤 오래 시도해 왔지만, 번번이 실패합니다. 사용자들이 계속 불평을 해서 정말 신경 쓰이는데, 모든 내용을 단계별로 말씀드리겠습니다!

Discourse를 사용하기 전에는 포럼이 WordPress로 만들어져 있었습니다. WordPress에서는 저와 사용자 모두 imgur의 GIF 링크를 포럼에 아무 문제 없이 삽입할 수 있었고, WordPress 서버 자체의 GIF 링크도 포럼에 문제없이 삽입할 수 있었습니다!

하지만 Discourse에서는 다음과 같은 상황이 발생합니다. 제 서버에 업로드된 GIF 링크가 포럼에 삽입되지 않습니다!

위 사례에서 제 포럼의 한 멤버가 GIF를 업로드했는데, 다른 멤버가 그 링크를 복사해서 텍스트 박스에 넣으면 삽입되지 않습니다!

이 때문에 imgify-words에 이 링크들을 사용하는 것이 어려워졌습니다.

GitHub - renato/discourse-imgify-words: theme to auto imgify urls in discourse, almost the same as discourse-linkify-works

그리고 더 나쁜 일이 발생하는데, 이것이 저에게 큰 두통을 유발합니다. 제 사용자들은 이 문제를 지적하는데 저는 어떻게 해야 할지 모르겠기 때문입니다!

IMGUR에 업로드된 대부분의 GIF는 제 포럼에 GIF로 통합되지 않고 MP4로 통합됩니다. 그리고 이것이 통합될 때의 문제인데, 대부분은 아예 통합되지 않습니다!

하지만 통합될 때, 그것은 비디오처럼 보입니다.

그래서 많은 조사를 한 결과, IMGUR 웹사이트가 자동으로 GIF를 MP4로 변환한다는 것을 발견했습니다.

더 혼란스러웠던 점은 WordPress에서는 MP4를 GIF 대신 사용한다는 것을 전혀 인지하지 못했다는 것입니다.因为它们 (그것들) 은 비디오처럼(플레이 바가 있는 큰 GIF) 보인 적이 없었기 때문입니다.

그때 저는 WordPress에는 비디오의 검은색 배경을 제거하고, 플레이어 바를 제거하며, GIF와 동일한 크기로 만들어 GIF처럼 보이게 하면서 그것이 MP4임을 아무도 알 수 없게 하는 어떤 기능이 있다는 것을 알게 되었습니다.

하지만 Discourse에서는 이것이 일어나지 않습니다.

이 두 가지 문제에 대해 무엇을 할 수 있을까요?

1 - 제 포럼에서 제 사용자들이 업로드한 GIF를 어떻게 삽입할 수 있을까요?

2 - 제 웹사이트에 mp4가 삽입될 때, 비디오가 아니라 GIF처럼 보이게 하는 방법은 무엇인가요? 즉, 플레이어 바가 있는 큰 크기가 아니라, 작은 크기로 보이게 하는 방법입니다. (이것을 변경하는 코드가 있을까요?)

GIF 비교

IMGUR


DISCOURSE

WORDPRESS

한 가지를 빠뜨리고 말았습니다.
GIF가 imgur에 업로드되면 imgur는 이를 MP4로 변환합니다. 하지만 링크의 끝을 지우고 MP4 대신 PNG를 넣으면, 플레이어 바도 없고 비디오의 검은색 배경도 없으며 큰 크기도 아닙니다 (GIF 크기로 유지됩니다).

그래서 WordPress에서는 자동으로 .MP4를 가져와 imgur 링크에서 .PNG로 변경하여 동일한 (크기, 검은색 배경 없음, 플레이어 바 없음) GIF처럼 보이게 한다고 추측합니다.

예시
링크를 아무것도 변경하지 않은 경우

브라우저에서 링크를 PNG로 변경하고 엔터를 누른 후 링크를 복사합니다 (이것을 discourse 텍스트 박스에서 하면 작동하지 않습니다) 그리고 나서야 PNG로 전환하고 브라우저에서 엔터를 누르면 GIF 링크 앞에 글자 i가 붙는다는 것을 발견했습니다. 그래서 브라우저에서만 작동하는 것입니다. 링크에 다른 것이 삽입되기 때문입니다.

원본

https://imgur.com/w8RGaAZ.mp4

GIF처럼 보이게 하지만 .png와 i를 사용하여 변경.

https://i.imgur.com/w8RGaAZ.png

제 이해에 따르면, WordPress는 자동으로 mp4 링크를 제가 보여준 마지막 링크로 변경하여 mp4가 일종의 가짜 GIF가 되게 합니다.

gif에 대해 알고 싶은 사람은?



Hey @danielabc

이 문제에 대한 세부 사항은 완전히 확신하지 못합니다. 제가

  1. 위의 이미지 중 하나를 우클릭하면
  2. "이미지 복사"를 클릭하면
  3. 에디터에 붙여넣으면 다음과 같은 결과가 나옵니다:

에디터에서는 이렇게 보입니다.

![](https://global.discord-cdn.com/meta/original/4X/8/c/4/8c482829847539b155a2e7b00ab5ad6c49388011.gif)

사용자들은 GIF를 어떻게 복사해서 붙여넣고 있나요?

현재 이것이 불가능하며, 미래에도 가능할 가능성이 낮을 것으로 예상합니다. GIF와 mp4는 두 가지 다른 것입니다.

  • .mp4는 .webm, .mpeg, .ogg와 마찬가지로 비디오 형식으로 간주됩니다.
    • 즉, Discourse는 이 파일 형식의 모든 것을 비디오 창에서 비디오로 전달합니다.
  • .gif는 "애니메이션된 이미지 시퀀스"입니다. 네, 비디오가 거의 그런 것이지만, gif는 그 콘텐츠를 전달하는 매우 구체적인 방식일 뿐입니다.
    • 따라서 .gif는 비디오 플레이어를 사용하지 않습니다.

이것은 거의 표준적인 방식입니다. 파일을 gif로 업로드하면 gif처럼 작동합니다. 파일을 비디오 형식으로 업로드하면 비디오처럼 작동합니다.

답변해 주셔서 감사합니다. 이미지 복사 기능은 작동하는데, 모바일을 사용하는 사용자에게는 링크를 복사하는 것이 더 실용적입니다. 그런데 이때 문제가 생기는 것 같습니다… 링크가 내장되지 않거든요. 제 포럼에서 어떤 옵션을 비활성화한 건가요? 어떤 옵션인지 아시는 분 있을까요? 왜 여기서는 보통 정상적으로 내장되는 걸까요?


https://i.imgur.com/2b2mUEp.gif


https://metaapp-456a.kxcdn.com/user_avatar/meta.discourse.org/tris20/90/264639_2.png

Imgur에 대해 조사해 본 결과, 자동으로 gif를 mp4로 변환하여 크기를 줄이면서 화질을 유지한다고 합니다.

Discourse는 이 사실을 인지하여 내장할 때 이를 비디오로 처리합니다.

반면 WordPress는 gif 그대로 유지합니다.