디스코urs(Discourse)에서 Onebox를 통해 틱톡(TikTok) 영상 임베딩을 허용하려면 어떤 작업이 필요할지 아는 분이 있을까요? 위기 상황에서 잠시 벗어나고 싶어 하는 사람들이 늘어나면서 틱톡의 인기가 계속 커지고 있습니다.
3개의 좋아요
onebox 매개변수의 화이트리스트에 www.tiktok.com을 추가해 보세요.
3개의 좋아요
화이트리스트에 등록할 필요는 없습니다. 해당 설정은 '인라인 원박스(inline oneboxes)'에만 적용됩니다. 이미 틱톡(TikTok) 콘텐츠를 한 줄로만 작성하면 원박스로 변환할 수 있습니다. 불행히도 og:video 값을 제공하지 않아 링크, 썸네일, 설명만 표시됩니다.
8개의 좋아요
감사합니다. 제가 언급한 것은 유튜브 같은 비디오 임베딩을 뜻한 것 같습니다. 그렇다면 틱톡 쪽에서 변경이 필요한 건가요?
네, 그들이 변경 사항을 적용하거나 아니면 우리가 커스텀 틱톡 플러그인을 작성해야 합니다.
플러그인 개발에 대한 선례가 있습니다. 트위터는 잘 확장되니까요.
3개의 좋아요
그들의 임베드는 좀 무거운 편입니다.
그러니까 인스타그램처럼 자체적으로 만들어볼까요?
미디어만 (메타데이터를 약간 추가할 수 있습니다):
임베드:
8개의 좋아요
저한테는 미디어 + 메타데이터 몇 가지 정도가 적절해 보입니다. 이 임베드는 재생이 끝나도 계속 깜빡이고 소음이 심합니다.
12개의 좋아요
아, 우리 스스로 처리할 수 없는 것 같네요. TikTok은 Instagram과 마찬가지로 짧은 수명의 URL을 사용하므로, 미디어를 직접 사용하면 하루도 안 되어 게시물이 깨져 버립니다(위에서 제가 올린 게시물을 확인해 보세요).
Instagram에서는 이 문제로 인해 비디오 임베드를 포기하고 세련된 링크를 사용하도록 전환했습니다. TikTok은 단순히 비디오만 다루는 서비스이므로, YouTube나 Vimeo처럼 제대로 작동하는 플레이어를 만들지 않는다면 그 노력이 가치가 있는지 확신이 서지 않습니다.
9개의 좋아요
차단당할지 모르겠지만, https://www.tiktok.com/embed/v2/VIDEO_ID?lang=en-US에 curl로 요청을 보내면 올바른 동영상 URL이 포함된 HTML을 받을 수 있습니다. 그걸 파싱해서 프론트엔드에 보내서 표시하면 됩니다. 꽤 간단해 보입니다.
1개의 좋아요
문제는 이 URL이 만료된다는 것입니다.
네, 하지만 각 페이지를 새로고침한 후에도 다시 가져올 수 있어요 (단순 임베드가 아니라 제대로 된 맞춤형 "위젯"이니까요).
토픽 페이지 블록이 TikTok 서버를 기다리고 있나요?
이 시점에서는 공식 oEmbed를 iframe으로 사용하는 것이 더 합리적입니다.
왜 차단하나요? 불필요한 추가 요소는 빼고, 그들의 임베드와 동일하게 작동하도록 하면 됩니다. 어차피 작동하려면 여러 요청이 필요하므로, 전체 React 앱을 로드하는 공식 방식보다 이렇게 하는 것이 더 빠를 거라고 봅니다.
이렇게 PoC 플러그인을 만들어도 좋을 텐데 말이죠 ;p
반드시 그렇게 해주세요! 그리고 커뮤니티와 공유해 주세요!
5개의 좋아요
TikTok 지원 oembed:
2개의 좋아요
여전히 작동하지 않나요? 위 내용을 참고해 주세요.
1개의 좋아요
TikTok은 미디어에 만료되는 URL을 사용하기 때문에 커스텀 임베드를 만들 수 없습니다.
우리가 할 수 있는 유일한 선택지는 그들의 임베드를 사용하는 것이며, 이는
이 시점에서 선택지는 다음과 같습니다:
-
우리는 굴복하여 코어에 그들의 임베드를 활성화합니다.
-
TikTok에 대해 충분히 관심을 가진 누군가가 TikTok 임베드 지원을 추가하는 플러그인을 만들거나 후원합니다.
어떤 옵션을 선택하든 기술적으로는 간단합니다. 우리는 단순히 그들의 iframe을 사용할 것이기 때문입니다.
5개의 좋아요
결과가 TikTok 링크가 게시된 커뮤니티에만 영향을 미치므로, 현재 완전히 무용지물인 방식보다는 코어에서 iFrame을 통해 지원하는 것이 더 바람직합니다.
1개의 좋아요
@sam 관리자님이 iframe 사이트 설정에 tiktok 도메인을 추가할 때만 iframe 임베드를 처리하는 건 어떨까요?
1개의 좋아요