Spotify リンクから自動再生できる Spotify プレイヤーの iframe を設定することは可能ですか?

私のコミュニティは、アーティストが音楽を投稿して他の人に聞いてもらうことを中心に運営されています。

ユーザーが SoundCloud のリンクを投稿すると、iframe が完璧に機能します。しかし、Spotify のトラックやプレイリストには自動 iframe 機能がないようです。

可能であれば、これをどのように設定すればよいでしょうか?Spotify からの埋め込みコードはすべて揃っていますが、Discourse での設定方法がわかりません。

よろしくお願いいたします!

SoundCloudのワンボックスはDiscourseと非常にうまく連携します。Spotifyの場合、Discourseの投稿にSpotifyの楽曲やプレイリストへのリンクを追加すると、ワンボックスが作成されますが、Spotifyプレーヤーは生成されません。

ユーザーがSpotifyの埋め込みコード(iframe)をDiscourseの投稿に追加できるようにするには、サイトの「許可されたiframe」設定にhttps://open.spotify.com/embed/を追加してください。これにより、ユーザーがトラックの30秒の断片を聴くことができるオーディオプレーヤーが作成されます。

ユーザーに iframe 機能を公開するよう、確かに検討いたします。

通常の Spotify リンクを埋め込み用 iframe に自動的に変換する方法はありますか?以前は Invision Power Board を使用していましたが、そのソフトウェアは Spotify を含む多様なメディアサービスの埋め込みコードを自動生成していました。ただし、同社のソフトウェアは非常に高額で、オープンソースではないことは承知しております。

技術的には可能ですが、それだけに頼るのはお勧めできないかもしれません。変換方法の例として、Spotify のリンク https://open.spotify.com/track/39zWYYZStDgWi32sOU9AX4?si=BLFB8HxuQNC-OaHtwD_E4A は、リンクのパスに /embed を追加し、その URL を iframe の src として使用することで iframe に変換できます。

<iframe src="https://open.spotify.com/embed/track/39zWYYZStDgWi32sOU9AX4?si=BLFB8HxuQNC-OaHtwD_E4A"></iframe>

いい考えですね、確かにそれでうまくいきそうです。そのような結果を得るために、どのファイルを編集すればよいでしょうか?ファイルがわかれば、自分で実装できると確信しています!

Discourse サイトをセルフホストしている場合、Spotify 用の onebox プラグインを作成するのが最善のアプローチだと思います。Spotify のページでウェブインスペクタを開くと、iframe から Spotify プレイヤーを作成するために必要なデータがページの meta タグに含まれていることがわかります。ウェブインスペクタを開くには、おそらくキーコマンドを使用する必要があります。Spotify は右クリックをブロックしているようです。

onebox の作成方法の例は、こちらで見つけることができます:https://github.com/discourse/onebox。