비디오 썸네일 문제

안녕하세요,
공식 Mux Video 플러그인은 썸네일을 지원하지 않는 것 같습니다. 유튜브/비메오 영상은 썸네일이 꽤 예쁘거든요.

이를 수정하는 가장 적절한 방법은 무엇일까요?
플러그인 로직을 살펴봐야 하는지, 아니면 주제를 위해 썸네일을 생성할 수 있는 트리거가 따로 있는지 궁금합니다.

여기서 오랜만에 인사드립니다…
감사합니다!

안녕하세요 :waving_hand:t3:

Mux의 딜런입니다. 이 Mux 플러그인을 처음 확인해 봅니다. 저장소를 둘러본 결과 Hls.js를 사용하고 있는 것 같습니다.

플레이어를 Mux Player로 전환하는 작업은 비교적 간단할 것으로 보입니다.

이를 통해 추가적인 작업 없이 타임라인 호버 미리보기라는 멋진 기능을 활용할 수 있습니다. 저는 Discourse 플러그인에 익숙하지는 않지만, Mux Player를 통합하는 데 기꺼이 도움을 드리겠습니다.

디ylan님, 안녕하세요.
답변해 주셔서 감사합니다. 네, 맞습니다. 현재 저희 커뮤니티에서 Mux를 영상 관련 서비스(향후 라이브 스트리밍 포함)에 적극적으로 활용하고 있기 때문에 Mux Player가 최선의 선택입니다.

해당 플러그인을 포크하고 PR을 올려서 지원되도록 시도해 보겠습니다.

첫 몇 번의 빠른 시도를 하면서 Hls.js 대신 Mux Player를 통합하는 데 실패했습니다.
다음 주에 다시 시도해 보겠습니다.

<script src="https://cdn.jsdelivr.net/npm/@mux/mux-player"></script>

이 스크립트가 몇 가지 충돌을 일으키는 것 같습니다

어떤 오류/충돌이 발생하고 있나요?

다음은 Codesandbox에서 호스팅된 <script> 태그를 사용한 간단한 예시입니다.

또한, mux-player는 npm/yarn으로 설치할 수 있습니다: @mux/mux-player

안타깝게도 나중에 포크를 지원할 시간이 부족할 것 같아, 기존 Discourse 비디오 플러그인으로 썸네일 기능을 작동시키는 방법을 시도해 보겠습니다.
하지만 좋은 아이디어를 제안해 주셔서 감사합니다!

여러분,

이 플러그인을 Mux Player로 전환해 보신 분 계신가요? 방금 설치했는데 정말 잘 되는데, 썸네일 미리보기가 없어요. 감사합니다

@Dylan, 플레이어를 틱톡이나 인스타그램처럼 보이게 하고, 사용자 이름이 포함된 워터마크, 오디오 변경 등 다른 소셜 미디어 기능들을 추가하는 방향으로 플러그인을 개발하는 데 관심이 있으신가요?

혹시 Topic List Previews (TLP)? 와 같은 것을 사용할 때 썸네일이 표시되지 않는다는 말씀이신가요?

비디오 자체에는 재생 버튼이 포함된 썸네일이 표시됩니다.

사용자는 이 썸네일 미리보기를 확인합니다

제안이 있으신가요?