ドキュメント

埋め込みプレイヤー機能

1.「エピソード」の埋め込み機能

「エピソード単体」の埋め込みプレイヤーのデザインを一新し、よりリッチで直感的な操作感に生まれ変わりました!ご自身のブログ(note・はてなブログなど)やウェブサイト、NotionなどでLISTENの音声を魅力的に発信できます。

  • 再生中のアニメーション: 再生ボタンが押しやすく配置され、再生中にはカバー画像の上に音声の波形アニメーションとプログレスバーが表示されます。
  • テーマカラーのカスタマイズ: サイトの雰囲気に合わせてプレイヤーの色を変えたい際に、埋め込みコード取得時に好きなテーマカラー(ライト、ダーク、ブルー、グリーン、パープルなど)を選べるようになりました。

エピソードを埋め込みで共有する

 2.「ポッドキャスト全体」の埋め込み機能

エピソードだけでなく、番組(ポッドキャスト)自体のページから、「Share(共有)」ボタンをすることで、埋め込みウィジェットを使用して各種SNSへのシェアを簡単に行うことができます。

  • 最新配信がその場で聴ける: ポッドキャストの埋め込みウィジェットでは、番組のカバー画像と合わせて「最新エピソード3件」(カスタマイズ可能)がリスト表示されます。リスナーはブログを開いたまま、直近の配信をすぐに再生することができます。
  • テーマカラーのカスタマイズ: ポッドキャスト埋め込みウィジェットもエピソード版と同様に、お好きなカラーに変更して埋め込むことができます。

ポッドキャストを埋め込みで共有する

 

《番外編》

WordPressでLISTENの埋め込みプレーヤーを有効にする

WordPressでLISTENの埋め込み設定を行うと、ご自身のWebサイトやブログ上でLISTENのエピソードや番組ページをプレイヤーつきで表示できるようになります。

WordPressではLISTENのURLをそのまま埋め込んだ場合、リンクやプレーヤーが正しく表示されません。お使いのテーマの functions.php に、以下の記述を追加して下さい。

wp_oembed_add_provider('', '',false);

※functions.php の編集の仕方はこちらのページなどを参考にしてください。

Wordpressのfunctions.phpとは?場所と編集方法、コードの書き方を初心者向けに解説します。 - ソロ学