AWAの曲をプレイヤー形式でサイト（ブログ）に埋め込む方法！

サイバーエージェントとエイベックスが共同出資して設立した「AWA株式会社」が提供する音楽配信サービス「AWA（アワ）」。

などの大手音楽配信サービスと比較すると、利用者はそこまで多くないはずですが、無料でも利用できたり、直感的に操作できたり、色々と使い勝手の良いサービスではあります。

そして、そんなAWAに最近また新しい機能が実装されました。

サイト（ブログ）にプレイヤー形式で曲を埋め込める！

その新機能とは、自分のサイト（ブログ）にプレイヤー形式で曲を埋め込める機能です。

簡単に言うと、AWAのアプリを起動しなくても、AWAを利用していなくても、その場で曲を再生できるようになります。（再生時間は30秒ほど）

例えば、この下に僕の作った曲を埋め込んでみましたが、再生ボタンを押すと曲が流れるはずです。

YouTubeなどは別として、僕の記憶によると、プレイヤー形式で埋め込めるのは「SoundCloud」や「Spotify」くらいで、音楽配信サービスでこのような機能を実装するのは珍しいです。

では、どうやってサイトに曲を埋め込むのかご紹介しましょう。

まずは、曲の埋め込みコードをコピーします。（今回はPCの時の手順ですが、スマホの時も手順は同じです）

埋め込みたい曲を再生し、お気に入りアイコンの右隣にある「三点リーダー」をクリック。

と進むと、コードがコピーされます。

YouTubeの埋め込みコードと同じく「iframe」形式でコピーされるので、YouTubeの動画を埋め込むようにコードを貼り付ければOKです。

例えば、WordPressであれば、「テキストエディタ」にして、コードを貼り付けるだけ。これで埋め込み完了です。簡単ですね！

デフォルトでは、

ですが、任意のサイズに変更することも可能です。

例えば、横幅400px、高さ300pxにする場合は、コードの中の値をそれぞれ「width=”400″」と「height=”300″」にすればOKです。

などはもちろんのこと、アメブロにも埋め込みできる（執筆時点では、LINEブログは不可）ので、お気に入りの曲を埋め込んでみてはいかがでしょうか？

以上、AWAの曲をプレイヤー形式でサイト（ブログ）に埋め込む方法のご紹介でした！