onebox 向け TikTok URL のサポート

Discourse の開発者で、Onebox を介して TikTok 動画を埋め込むために何が必要かご存知の方はいますか?この危機的状況の中で人々が少し息抜きする方法を探しているため、需要は増え続けています。

「いいね!」 3

onebox パラメータのホワイトリストに www.tiktok.com を追加してみてください

「いいね!」 3

ホワイトリスト登録は不要です。その設定は「インラインワンボックス」用です。TikTok のコンテンツは、単独の行に貼り付けるだけで既にワンボックス化できます。残念ながら og:video の値を提供していないため、リンク、サムネイル、説明のみが表示されます。TikTok - Make Your Day

「いいね!」 8

Discourse での結果:

「いいね!」 2

ありがとうございます。おそらくYouTubeのように動画を埋め込むことをおっしゃっているのだと思います。そうすると、TikTok側で変更が必要になるのでしょうか?

はい、彼らが変更を加えるか、カスタムの TikTok プラグインを作成するかです。

プラグインのルートには先例があります。Twitter はそれをうまく拡張していることを知っています。

「いいね!」 3

彼らの埋め込みはちょっと重いですね。

なので、Instagram に似たアプローチで、自分たちで何かを作るのはどうでしょうか?

メディアのみ(いくつかのメタデータを追加可能):

埋め込み:

「いいね!」 8

メディアと一部のメタデータだけなら問題ないと思います。この埋め込みは再生後も点滅が止まらず、非常に煩雑です。

「いいね!」 12

ああ、どうやら独自にはできないようです。TikTok は Instagram と同様に、短期間しか有効でない URL を使用しているため、メディアを直接使用すると、投稿は 1 日もしないうちに壊れてしまいます(上記の投稿を確認してください)。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 サポート:

https://developers.tiktok.com/doc/Embed

「いいね!」 2

まだ動いていませんか?上記をご覧ください。

「いいね!」 1

TikTok はメディアに期限付き URL を使用しているため、カスタム埋め込みを作成することはできません。

私たちが取れる選択肢は、TikTok が提供する埋め込み機能を使うことだけです。しかし、それは

現時点での選択肢は以下の通りです:

  • 妥協して、コア機能に彼らの埋め込み機能を追加する

  • TikTok を重視する誰かが、TikTok 埋め込み対応のプラグインを作成するか、それをスポンサーする

どちらの選択肢も技術的には簡単です。彼らの iframe を使用するだけだからです。

「いいね!」 5

この結果は TikTok リンクが投稿されたコミュニティにのみ影響するため、現在の完全に機能しない方法に比べ、コアに iframe として実装されることを望みます。

「いいね!」 1

@sam、管理者が iframe サイト設定に TikTok ドメインを追加した場合にのみ、iframe 埋め込みを行うのはどうでしょうか?

「いいね!」 1