Discourse Bilibili Onebox

:information_source: 概要 Discourse Bilibili Onebox は、Discourse コミュニティが Bilibili の動画やライブストリームを直接再生できるようにするプラグインです。
:hammer_and_wrench: リポジトリリンク GitHub - scavin/discourse-bilibili-onebox: Discourse Bilibili Onebox
:open_book: インストールガイド Discourseでプラグインをインストールする方法

特徴

エディタ内で Bilibili の動画またはライブストリームの URL を単独の行に貼り付けるだけで、自動的に埋め込まれて再生されます。自動再生は無効になっています。

デモ

設定

Allowed iframes (許可された iframe) 設定に次の 2 つのエントリを追加する必要があります:

  • https://player.bilibili.com/
  • https://www.bilibili.com/
  • https://live.bilibili.com/ (ライブストリーム用)

使用方法

コンポーザ内で Bilibili の URL を単独の行に貼り付けます。モバイルの共有ダイアログからコピーしたリンクも機能します。

例:

  • https://www.bilibili.com/video/BV1WEgJzMEK3/?spm_id_from=333.1387.homepage.video_card.click
  • https://www.bilibili.com/video/BV1WEgJzMEK3/?spm_id_from=333.1387.homepage.video_card.click&vd_source=b0a719e1950c150a97859195679d417a
  • https://www.bilibili.com/video/BV1WEgJzMEK3/
  • https://www.bilibili.com/video/BV1WEgJzMEK3
  • https://b23.tv/hiS7rgR

ライブストリームの場合:

  • https://live.bilibili.com/1977907487
「いいね!」 3

とても便利です。
質問ですが、他のプラットフォーム向けのメディア埋め込みプラグインを開発する可能性はありますか?例えば、中国で一般的に使用されている動画プラットフォームである小紅書(RED)や抖音(Douyin)などです。 :handshake:

「いいね!」 1

公式で iframe 埋め込み再生が許可されている場合にのみ再生できます。あなたが言っているのはどちらも許可されていないということですね。

「いいね!」 3

通常の動画テストでは問題なく、リンクを挿入すると表示されますが、ライブ配信ルームでは機能しないようです。
ライブ配信ルームでは、あらゆるウェブリンクのプレビューができません。

ライブ配信ルームで唯一機能するのは iframe 埋め込みコードですが、サイズが適切ではなく、パラメーターの変更も反映されません。

<iframe style="width: 700px;height: 400px;" src="https://www.bilibili.com/blackboard/live/live-activity-player.html?cid=8178490&quality=0" frameborder="no"    framespacing="0" scrolling="no" allow="autoplay; encrypted-media" allowfullscreen="true"></iframe>

テスト画像:

Bilibiliのライブ配信ルームは、リンクの挿入や、ページサイズに合わせた埋め込みコードのサポートは可能でしょうか?

ライブ配信を更新しました

「いいね!」 1