【新生活にはWiMAX】今月の最安はこれだ!WiMAX 2+の料金比較まとめ - 最安でWiMAX 2+を契約する方法

新着を見る



最終更新 [2017年2月3日]

[スポンサーリンク]


キーワード:Android, iPad, iPhone, Mac, Windows, コード, 埋め込み,



AWA内の音楽をブログやWEBサイトに埋め込む方法です。

音楽ストリーミングサービス「AWA」がサービス内で配信している楽曲などをブログやWEBサイト上に埋め込むことができる「埋め込みプレイヤー」の提供を開始しました。

2017年2月2日(木)より、AWAは「埋め込みプレイヤー」の提供を開始いたしました。

このたび、提供を開始する「埋め込みプレイヤー」は、AWAで配信されている音源の“埋め込みコード”を任意のWEBページに貼ることで、ホームページやブログなどに音楽プレイヤーを表示させることができる新機能です。“埋め込みコード”は、楽曲、アルバム、アーティスト、プレイリストに対応しており、表示させたいコンテンツを選ぶことができます。ホームページやブログの閲覧者は、AWAをダウンロードすることなく、そのページ上で30秒の試聴が可能となります。

via:AWA NEWS

今回提供された埋め込みコードは楽曲、アルバム、アーティスト、プレイリストに対応しており、AWA上からコードを取得して貼り付けることでブログやWEBサイト上でAWAの音楽を30秒間再生することができます。

ということで早速使わせてもらいました。
AWA上の音楽をブログやWEBサイト上に埋め込んで音楽を再生する方法を紹介します。
※AWAアプリやWEB版が使えれば、無料版を使っているユーザーでも使うことができます。


【AWA】配信されている楽曲などをブログやWEBサイト上に埋め込んで再生するできる「埋め込みプレイヤー」の使い方

アプリからもコードが取得できる。まずはアプリのアップデートを

AWA – 無料でも聴ける音楽ストリーミングサービス
価格: 無料
カテゴリ: ミュージック


提供が開始されたAWAの埋め込みプレイヤーは、PC・iOS・Androidアプリすべてからコードの取得ができます。
iOS版の場合、バージョン1.3.5以降で対応しているのでアップデートしておきましょう。

またPC版の人もアプリが必要です。
Windows・Macともに配信されています。
PC版の人は↓からダウンロードをどうぞ(OSは自動で認識してくれます)
https://awa.fm/download

実際に埋め込んでみた。こんな感じ↓

AWAのCMでお馴染みのANARCHY & DJ IZOH

実際にAWAからコードを取得して埋め込んだら↑のようになります。
この例は、AWAのCMでお馴染みの『楽曲』を埋め込んだものです。
iframeでコードが取得できます。
埋め込み方法は、Youtube動画を埋め込むのと基本的に同じです。

無料版のユーザーでも埋め込みプレイヤーは使える

この埋め込みプレイヤーは特にユーザーは制限されていないようで、無料版AWAを使っているアカウント(課金してない人)でも普通に使えました。
楽曲やアーティストなどを紹介したいという人にはかなりいいのではないでしょうか。

PC(Windows・Mac)アプリからコードを取得する方法

PC版のアプリを起動します。
埋め込みたい楽曲やアーティストなど表示させて右クリックします。

メニューが表示されるので「この〇〇をシェア > 埋め込みコードをコピー」をクリックします。
これでiframeのコードがクリップボードにコピーされるのでブログやWEBサイトに貼り付ければ完了です。


iOSアプリからコードを取得する方法

埋め込みたい楽曲やアーティストのページを表示します。

右下のメニューボタンをタップします。


メニューが表示されます。

「この曲をシェア」をタップします。


「上記以外でシェア」をタップします。


iOSのメニューが表示されます。
「埋め込みコードをコピー」をタップします。


画面の中央にチェックマークと「Copied」と表示されればコピー完了となります。


Androidアプリからコードを取得する方法

埋め込みたい楽曲やアーティストのページを表示します。

右下のメニューボタンをタップします。


メニューが表示されます。

「この曲をシェア」をタップします。


「埋め込みコードをコピー」をタップします。


画面の中央にチェックマークと「Copied」と表示されればコピー完了となります。


音楽紹介のWEBページなどには最適なAWA「埋め込みプレイヤー」

Youtube同様、ブログやWEBサイト上に音楽が埋め込めるようになったAWA
また楽曲だけでなくプレイリストやアーティスト、アルバムの埋め込みもできちゃいます。

自分の好きな音楽やアーティストをブログなどで紹介するときは、楽曲豊富なAWAを使ってみるのもアリなのではないでしょうか。


< この記事をシェア >




usedoorの新着記事をチェック!

記事を書くヤル気が出るのでフォローよろしくお願いしますm(._.)m


このAWAの楽曲やアーティストなどをブログ、WEBサイト上に埋め込む方法【iOS・Android・PC対応】の最終更新日は2017年2月3日です。
記事の内容に変化やご指摘がありましたら問い合わせフォームまたはusedoorのTwitterまたはusedoorのFacebookページよりご連絡ください。

キーワード:Android , iPad , iPhone , Mac , Windows , コード , 埋め込み ,




同じカテゴリの記事

AWA Musicで聴いている楽曲の歌詞を表示させる方法 – テロップ風に表示されるからカラオケもいけちゃう!

AWA MUSIC

カラオケっぽいスタイルで現在歌われている場所の歌詞もわかっちゃうぞ

PCでAWA Musicを使う方法 – Mac、Windows対応

AWA MUSIC

ついにAWA MusicがPCに対応!しかもアプリ!

AWA Musicの基本的な使い方、価格、概要、始め方まとめ ~超入門編~

AWA MUSIC

オンラインミュージック3大サービスの1つ。純日本製!

【値下げ!】AWA Musicの月額料金プランの変更・退会・解約方法 – 自動的に課金される?自動更新の設定方法(iOS・Android対応)

AWA MUSIC

プレミアムプランは「スタンダードプラン」になって値下げへ!AWA Musicの料金まとめです




usedoorTOPへ戻る

usedoorをフォロー


  • 注目の使い方

    楽天マガジンとdマガジンを比べてみた – 雑誌読み放題サービスをおトクに契約する方法

    楽天vsドコモの雑誌読み放題サービス対決。自分にはどっちが合ってるんだろう…?


    LINE『クローンiPhone』をできないようにする方法、自分でできるセキュリティ対策まとめ

    LINE 5.10.0からクローンiPhoneはできなくなる!でも自分でできるセキュリティ対策はしっかりと!


    注目の記事をぜんぶ見る

  • 最新記事

    【6/24、25抽選販売】「ニンテンドースイッチ」を予約・購入する方法

    ビックカメラ.comで抽選受付&店舗で6月25日(日)に抽選販売!


    ドラレコ買ったら絶対加入!! 無料で入れる補償『ドライブレコーダー買替補償制度』に加入する方法

    会費などは無料で登録しておくだけで事故時に一律4万円がもらえるドライブレコーダーの「保険」


    最新記事をもっとチェック

  • 人気記事ランキング

    【6/24、25抽選販売】「ニンテンドースイッチ」を予約・購入する方法

    【6/24、25抽選販売】「ニンテンドースイッチ」を予約・購入する方法

    ビックカメラ.comで抽選受付&店舗で6月25日(日)に抽選販売!


    ランキングを見る

  • 使い方 カテゴリー

    暮らし
    趣味
    節約・稼ぐ
    WEB
    デジタル
  • キーワード

    Amazon Android apple au Chrome iOS iOS 8 iPad iPhone iPhone 6 iPhone 6 Plus iPhone 6s iPhone 6s Plus iPhone 7 iPhoneおトク Kindle MNP PC SIMフリー SoftBank Windows windows 10 アップデート オトク キャッシュバック クーポン スタンプ スマートフォン セキュリティ ソフトバンク タブレット ドコモ ドコモオトク ドコモオンラインショップ レビュー ワイモバイル 削除 動画 料金 新規契約 楽天モバイル 機種変更 注目・ピックアップ 無料 登録
  • usedoorをフォロー


  • あわせて読みたい記事