테이블 안에 미디어 플레이어(오디오/비디오)를 임베드할 방법이 있을까요?

미디어 파일을 어떤 형태로든 표에 정리할 수 있는 방법이 있는지 궁금합니다. 현재 제가 사용하는 방식은 다음과 같습니다:

테스트 1:

테스트 2:

테스트 3:

하지만 URL 대신 플레이어가 임베드된 형태로 다음과 같은 표를 만들고 싶습니다:

음, 이건 좀 까다로운 문제네요. 사실상 줄의 시작이 아닌 링크 어딘가에 "전체 원박스"를 강제하는 방법을 요구하는 거잖아요. 여기처럼 매우 드문 조건에서는 유용할 수 있을 것 같습니다.

줄 중간에서 원박스를 강제하고 싶은 초고수(울트라 닌자)용 사례에 대해 이런 식의 변경을 약간은 지지합니다:

<a href="onebox_url" type=onebox>...</a>

문제는 현재 모든 원박스 스타일링이 해당 줄의 유일한 요소라고 가정하고 전체 너비를 사용하므로, 상당수의 가정이 변경되어야 한다는 점입니다.

이 기능은 디테일 섹션 안에 원박스를 표시하고 싶을 때도 유용합니다.

도움이 될지 모르겠지만, 대안으로 BBCode 문법을 확장하는 방식을 제안합니다. 예를 들어 다음과 같은 형태가 될 수 있습니다:

[audio src="https://file.m4a"][/audio]

아니면 이렇게도 할 수 있습니다:

[inline_onebox]https://file.m4a[/inline_onebox]

아니면 audio, video, source 태그만 화이트리스트에 추가할 수 있을까요? 현재는 Discourse에 여러 소스(mp4 하나와 webm 하나)를 가진 영상을 게시하는 것이 불가능하여 모든 기기에서 재생이 안 됩니다.

Iframe를 허용하고 표를 다른 곳에 게시하는 방안을 고려해 보셨나요?

@martin 님, 훌륭한 PR 덕분에 이제 URL 왼쪽에 다른 문자가 있어도 오디오 링크가 정상적으로 작동합니다! :tada: (이 문제로 인해 많은 사용자가 어려움을 겪었기 때문에, 이제 훨씬 쉬워질 것입니다).

이제 details 태그 내부에서도 오디오 파일이 작동하는 것을 확인했습니다:

예시

마크다운 테이블 내부에서도 작동하기를 바랐지만, 아직은 작동하지 않는 것 같습니다:

name audio file goes here
example

문제가 파이프 문자 | 때문일 수도 있겠다고 생각했지만, HTML 테이블에서도 작동하지 않습니다:

name audio file goes here
example ![New Recording 23|video](upload://g3KMoFLMKmekLPcoBovHQCD71eU.mp4)

이 기능이 향후 릴리스에 포함될 수 있을까요?

Markdown 표는 작동하지만, |는 \로 이스케이프해야 합니다(예: \|). 파이프는 Markdown 표에서 이미 의미를 가지므로 약간 번거로운 문제입니다.

설명에 쉼표가 사용될 수 있기 때문에 쉼표는 이상적이지 않지만, 그 자리에 사용할 수 있는 또 다른 선택적 구분 문자를 추가하는 데는 반쯤 열려 있습니다.

지금은 꽤 괜찮은 우회 방법입니다. 알려주셔서 감사합니다!

제가 겪은 유일한 문제는 중간 크기의 테이블에서 여러 오디오 파일(실제로는 동일한 파일이 반복된 것)을 편집하려고 할 때 429 오류(요청이 너무 많음)가 발생한다는 것입니다. 변경 사항을 저장하려고 할 때 Discourse 모달이 표시되었고, 콘솔에는 다음과 같은 내용이 출력되었습니다:

제가 한 일은 이 테이블에 세 줄을 추가한 것뿐입니다:

이것이 의도된 동작인지, 아니면 리소스를 지연 로드(lazy-load)하여 오류를 피할 방법이 있는지 모르겠습니다(여러 번 재시도한 후에는 성공했습니다).

음, 궁금한 게 있어요. 지금 페이지에 40MB짜리 MP3 파일을 넣으면 브라우저가 재생하기 전에 파일을 전부 다운로드하나요?

만약 지금 그렇게 작동하고 있다면, 지연 로더(lazy loader)를 사용하는 게 분명히 의미가 있을 것 같아요. 다만 그렇게 하면 재생 시간을 알 수 없다는 점이 아쉬운 부분인데, 서버 측에서 그걸 처리할 수 있을 거예요.