동영상 삽입

:discourse2: 요약 Insert Video는 자막(VTT 형식), 포스터 이미지 및 여러 비디오 소스를 Discourse 게시글에 추가하는 과정을 단순화하는 작성기 버튼을 추가합니다.
:eyeglasses: 미리보기 Discourse Theme Creator에서 미리보기
:hammer_and_wrench: 리포지토리 링크 https://github.com/discourse/discourse-insert-video
:open_book: Discourse 테마를 처음 사용하시나요? Discourse 테마 사용 입문 가이드

이 테마 컴포넌트 설치

기능

버튼을 클릭하면 관련 파일을 업로드/링크할 수 있는 모달 창이 열리며, 작성기에 적절한 HTML 코드를 추가합니다:


설정

이름 설명
default track label
default track langcode
only available to staff
disable download
text tracks as blobs 자막을 사용할 경우 VTT 파일을 다운로드하여 blob으로 삽입 (S3 저장소 또는 CDN 사용 시 발생하는 문제를 해결합니다)

(업로드가 작동하려면 authorized extensions 사이트 설정에서 .vtt 및 선택한 비디오 형식을 허용해야 합니다.)

번역 기본값
modal.title Insert Video
modal.video_title 비디오 소스 추가
modal.poster 포스터 이미지 (선택 사항)
modal.vtt_title 자막 (선택 사항)
modal.vtt_help 쉼표로 구분, 형식: url,label,langcode
modal.insert 삽입
modal.cancel 취소
source_not_video 오류: 비디오 소스 URL 중 하나가 유효하지 않습니다.
composer_title Insert Video
simple_list_placeholder 항목 추가…

:discourse2: 우리가 호스팅하고 있나요? 테마 컴포넌트는 Standard, Business, Enterprise 플랜에서 사용할 수 있습니다.

39개의 좋아요

좋아요, 감사합니다! 오디오도 지원할 수 있을까요? 포스터 이미지만 계속 표시하고(이미지가 없으면 설정 가능한 배경색을 사용), 자막도 함께 보여주는 방식이면 좋겠습니다.

또한, 이 부분은 훨씬 큰 요청이라는 걸 알지만, 장기적으로 YouTube Timestamps Component 에서처럼 타임스탬프 기능이 이 컴포넌트에서도 구현될 수 있을까요? 그렇게 된다면 정말 훌륭할 것 같습니다.

3개의 좋아요

이 기능은 어떤 파일 형식으로 작동할 것으로 예상되나요?

비디오를 삽입하기 전에 두 개의 추가 줄바꿈을 추가한 후, MP4 파일에서는 작동하게 되었습니다. 하지만 지금까지 MOV 파일에서는 성공하지 못했습니다. 그리고 여기 Meta에서 찾은 것들도 작동하지 않는 것 같습니다. 예를 들어:


괜찮습니다. 답을 찾았습니다:

2개의 좋아요

설정에서 비디오 아이콘을 변경할 수 있는 버튼이 있거나, 다른 비디오 아이콘이 제공되면 좋겠습니다. Jitshi 플러그인 아이콘과 동일해서 구별하기가 어렵습니다.

1개의 좋아요

비디오 파일을 URL을 통해 사용할 수 있나요, 아니면 업로드된 파일이어야 하나요? 사용하려는 비디오는 2.3GB(60분 길이)입니다. 최대 파일 크기를 늘려 보았지만,这么大的 용량을 처리할 수 있는 것 같지 않습니다:

Bunny Stream | A better way to deliver online video | bunny.net 같은 전문 플랫폼과 이 테마 구성 요소를 통합하면 좋겠습니다.

이렇게 하면 데이터 소유권을 직접 가질 수 있고, 동영상 저장소가 Discourse나 서버 성능에 의존하지 않으며, 사용한 만큼만 비용을 지불할 수 있습니다. 이상적으로는 Discourse에서 API 설정만 커스터마이즈하고 테마 구성 요소를 활성화한 뒤, 동영상을 업로드하면 자동으로 bunny.net stream에 업로드되고, 별도의 신경 쓸 일 없이 Discourse 게시물에 올바르게 임베드되도록 하면 됩니다.

4개의 좋아요

결국 Mux에 직접 업로드하는 솔루션(DiscourseVideo)을 찾았습니다.

4개의 좋아요

@putty님, 그 DiscourseVideo가 플러그인인가요? 아니면 다른 건가요? 여기에서 검색해 보았지만 찾을 수 없네요. 감사합니다

1개의 좋아요

이것이 해당 저장소라고 생각해요. 가이드가 거기 있습니다.

3개의 좋아요

@NateDhaliwal님, 감사합니다. 이 DiscourseVideo 플러그인을 사용하는 Discourse 커뮤니티를 찾아서 사용자 경험을 직접 확인해 보고 싶습니다. @putty님, 혹시 사용 중이시라면 커뮤니티 URL을 알려주시면 직접 확인해 보겠습니다.

감사합니다.

1개의 좋아요

@NateDhaliwal 님이 제공한 저장소를 사용 중이지만, 콘텐츠 관리자만 볼 수 있습니다. 커뮤니티에서 표준 파일 크기에 도달한 사용자는 관리자뿐입니다.

2개의 좋아요

비디오를 업로드하는 동안 [죄송합니다. 업로드하려는 파일은 허용되지 않습니다. (허용되는 확장자: jpg, jpeg, png, gif, heic, heif, webp, avif).]라는 오류가 발생했습니다. 무슨 문제일까요? 웹사이트에서 업로드할 수 있는 파일의 확장자 범위를 변경해야 한다는 의미인가요?

1개의 좋아요

업로드하려는 파일의 유형은 무엇인가요? 설정에서 해당 형식을 화이트리스트에 추가해야 할 수도 있습니다.

4개의 좋아요

.vtt 파일과 비디오 포맷을 추가했더니 이제 정상적으로 비디오를 삽입할 수 있습니다. 도움 주셔서 감사합니다 :grinning_face:

2개의 좋아요

여기에는 권한을 Y/N 스태프 전용에서 승인된 그룹으로 업데이트하는 포크된 버전이 있습니다.

제 경우, 마케팅 팀이 섬네일을 지정할 수 있는 기능을 원했지만, 그들에게 staff 권한을 부여할 의사가 없었으며, 또한 커뮤니티 전체가 접근할 수 있게 하고 싶지도 않았습니다.

1개의 좋아요