フォーラム全体向けフロートオーディオプレーヤー

\n\nこんにちは。フォーラムを読みましたが、Discourseウェブサイト全体でオーディオプレーヤーを使用できるかどうかを知りたいです。自動再生のような派手なことは求めていません。\n\nウェブサイトに音楽プレーヤーをフローティング表示させたいのです。ユーザーがどのトピックやページを訪れても、再生ボタンをクリックするだけで、投稿を読みながら音楽を聴くことができます(基本的な音楽プレーヤーのコントロールも必要です)。曲名とアーティスト名も表示されるようにします。音楽は、自分のアカウントで作成したSoundcloudプレイリストから取得します。\n\nユーザーがこの音楽プレーヤーを非表示にできる方法があれば、さらに良いです。\n\nこれを実現するための記事、プラグイン、サードパーティサービス、または指示があれば教えていただけますか?

「いいね!」 5

それが可能かどうかはわかりませんが、サイドバーの追加セクションとしてこれはかなりクールになるでしょう!

「いいね!」 5

類似のトピックと提案された解決策があります

「いいね!」 1

できますよ :wink:

「いいね!」 7

ロバート、よくやった!

「いいね!」 1

ありがとうございます。コーディング経験はほとんどないので、ドキュメントを読んだ後、このオーディオプレーヤーにSoundCloudプレイリストを接続する方法がよくわかりません。何かヒントはありますか?

これもクールですね

「いいね!」 2

フリーランサーを雇って手伝ってもらうのはどうでしょうか Marketplace

「いいね!」 3

オーオーオーオーオー オーオーオーオーオー エムエムエムエムエムエムエムエム…

Mtv No GIF by MELOTIKA

メディアオーバーレイコンポーネントは、すべてのiframeの隅にボタンを提供します。

これにより、iframeを個別の小さなウィンドウにポップアウトし、ユーザーが閉じるまでフォーラムを閲覧しながら最前面に表示しておくことができます。

このテーマコンポーネントを有効にし、サイト設定の許可されたiframeでiframeソース(例:https://w.soundcloud.comおよびhttps://api.soundcloud.com)をホワイトリストに登録してください。

その後、このスニペットをトピック投稿に貼り付けることができます…

<iframe src="https://w.soundcloud.com/player/?url=https://api.soundcloud.com/tracks/129053679&color=ff5500&auto_play=false&hide_related=false&show_comments=false&show_user=true&show_reposts=false" height=100%></iframe>

そのボタンをクリックすると、そのミニプレーヤーが右下隅にポップアップ表示され、サイト内を閲覧している間(手動で閉じるまで)開いたままになります…

「いいね!」 4

ハハ。私もこれを試そうと思っていましたが、あなたが先にやってしまいましたね。よくできました!:smiley: :clap:

「いいね!」 3

こんにちは :wave:

あなたのニーズに合ったシンプルなテーマコンポーネントを作成しました。これを使用するか、さらにカスタマイズするための良いサンプルとしてください。 :slightly_smiling_face:

いくつかの設定を追加しました。このコンポーネントはSoundCloud埋め込みを使用します。SoundCloudのユーザーIDを追加すると、あなたの曲を取得します。

「いいね!」 20

それは素晴らしいですね :smiley: よくできました :clap:

「いいね!」 6

まさに探していたものでした。素晴らしいです!今週試してみます。もし助けが必要な場合は、遠慮なくご連絡ください。

「いいね!」 6

素晴らしい、@Don !!!
見るのが本当に楽しいです!

「いいね!」 4

@Donさん、こんにちは。

お話しする時間はありますか?プロフィールを探しましたが、見つかりませんでした。このテーマコンポーネントで、ユーザーIDではなくプレイリストIDを取得する方法、または「プレイヤー」アイコンをクリックしたときに(埋め込みコードまたはプレイリストURLを入力することで)埋め込みプレイリストが表示されるようにする方法について、いくつか助言をいただきたく思っています。これは可能でしょうか?

hi @lowkey_324 :wave: 他の人が助けたり、解決策を学んだりできるように、ここに問い合わせを投稿するのが最善です。 :slight_smile:

「いいね!」 1

こんにちは、プレイリストを追加する設定を追加しました。DEV: Add playlist embed by VaperinaDEV · Pull Request #1 · VaperinaDEV/soundcloud-music-player · GitHub

2つのうちどちらかを選択できます。

  • 埋め込みタイプ
    • ユーザー
    • プレイリスト

リストから選択したものに応じて、ユーザーIDまたはプレイリストIDを追加してください。

「いいね!」 2

LETSGOOOOOOO!本当に天使のようです!

唯一の問題は、それをデフォルトテーマのコンポーネントとして追加した後、公開プレイリストのURLを取得できないというメッセージが表示されることです。何が間違っていますか?プレイリストIDのみを入力してみました。また、埋め込みタイプとしてプレイリストを選択したときに、プレイリストIDとユーザーIDの両方を入力してみました。

「いいね!」 2

ああ、すみません、修正しました。FIX: playlists typo · VaperinaDEV/soundcloud-music-player@3f4ae4d · GitHub

「いいね!」 3