【激熱キャンペーン復活!!】『すすメルペイキャンペーン』でメルペイで使える1,000円分のポイントをゲットする方法

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



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



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

4500万曲以上の音楽が聴き放題【AWA】

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

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

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

via:AWA

今回提供された埋め込みコードは楽曲、アルバム、アーティスト、プレイリストに対応しており、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を使ってみるのもアリなのではないでしょうか。


リンク:4500万曲以上の音楽が聴き放題【AWA】


< この記事をシェア >






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

現在開催中の「おトク」なキャンペーン、セール

【最大3万円還元!】ソフトバンクのAndroidスマホを購入して高額キャッシュバックをGETする方法

携帯電話

ソフトバンクのAndroidスマホを購入するとキャッシュバックがもらえるぞ!さらにクーポンでPayPayボーナスももらえる!

【最大35%還元】PayPayモール『100億円相当あげちゃうキャンペーン』の概要や適用条件&注意点などまとめ – おトクに買い物する方法

キャンペーン

PayPayモールで「PayPay残高」または「ヤフーカード」でお支払いすると最大20%還元の激熱セール!年末感謝セールを併用で最大35%還元と超激熱!

【最大3万円還元】ソフトバンクのiPhone 8を購入して高額キャッシュバックをGETする方法

携帯電話

ソフトバンクのiPhone 8買うならここがいいかも!キャッシュバックがもらえるぞ!さらにPayPayボーナスライトももらえます。

【キャッシュバック】ソフトバンクのiPhone XRを激安で購入する方法

携帯電話

ソフトバンクのiPhone XRが激安!通常よりお得に買えるぞ!

【1月31日まで】「はじめてPayPay宝くじ」でおトクにPayPayをはじめる方法 – 最大10万円分のボーナスが当たる!

キャンペーン

PayPayが新規ユーザー向けのキャンペーンを開始!新たにPayPayに登録して条件を満たせば宝くじが当たるかも!?


≫ 開催中のキャンペーンをもっと見る

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

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


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




同じカテゴリの記事

【2月28日まで】LINE Payに超おトクにチャージする方法 – 2,000円以上のチャージで残高1,000円がもらえるキャンペーン

キャンペーン

LINE Payのアカウントはあるけど使ってない、という人は必見かも。かなりオイシイキャンペーン。

【アメックス】メルカリで5,000円以上お買い物すると1,000円キャッシュバック! – お得にメルカリでお買い物する方法

キャンペーン

要エントリー!メルカリで税込5,000円以上アメックスのクレカでお買い物すればキャッシュバックがもらえるぞ!

【終了しました】いろんな機器がBluetooth化できちゃうAUKEY『BR-C14』を毎日5名様×7日間プレゼントキャンペーン! – 応募方法

キャンペーン

毎日5名×7日間=合計35名にプレゼント!あると便利なBluetoothトランスリミッター&レシーバー送受信機


新着記事

【毎月20日】dポイント20倍+α!『dショッピングデー』でおトクに買い物する方法 – dポイント消化にも

セール

毎月20日だけ!dポイント20倍&ポイント利用分20%還元で超おトクにdショッピングで買い物ができる

【Android】画面の長押し(ロングタップ)の時間の長さを変更する方法

Androidスマホ

Androidスマホのディスプレイをロングタップする時間の長さは、ある程度自分で調整できる

【超おトク!!】LINE Pay『マイクーポン』の使い方、配布中のクーポンまとめ – LINEクーポンとは違う「Pay」専用のクーポン

LINE

LINEクーポンとは全く別物の「LINE Payマイクーポン」 コンビニなどでもおトクに買い物ができちゃいます!


≫ 新着記事をもっと見る



usedoorTOPへ戻る

usedoorをフォロー


  • 注目の使い方

    【1月版】ソフトバンクのキャッシュバッククーポンをWEB上からゲットする方法 – PayPayボーナスライトが戻ってくる!

    機種変更でもPayPayボーナスライトでキャッシュバック!もちろん最新のiPhoneにも使えるソフトバンクのクーポン


    iPhone 11 / Pro / Pro Maxの在庫状況をチェックする方法 – ドコモ・au・ソフトバンク【可能な限りリアルタイム更新】

    ドコモ、au、ソフトバンクのiPhone 11シリーズの在庫状況を可能な限りリアルタイムでお届け中


    【ポケモンGO】『GOスナップショット』の使い方 – 好きなポケモンと一緒に写真を撮ったり、いろんな角度から眺めたり、遊んだりできちゃう!

    ついにARを使ってポケモンを色んな角度から見ることができる「GOスナップショット」が登場!めっちゃ楽しい


    Dropbox Plus(有料版)を超おトクに契約する方法 – ソースネクストの3年版がコスパよし!

    公式は値上げ!あのおトクなDropbox3年版がついに復活!Plus契約するならソースネクスト経由がマジでオススメ!


    注目の記事をぜんぶ見る

  • 最新記事

    【毎月20日】dポイント20倍+α!『dショッピングデー』でおトクに買い物する方法 – dポイント消化にも

    毎月20日だけ!dポイント20倍&ポイント利用分20%還元で超おトクにdショッピングで買い物ができる


    【Android】画面の長押し(ロングタップ)の時間の長さを変更する方法

    Androidスマホのディスプレイをロングタップする時間の長さは、ある程度自分で調整できる


    【超おトク!!】LINE Pay『マイクーポン』の使い方、配布中のクーポンまとめ – LINEクーポンとは違う「Pay」専用のクーポン

    LINEクーポンとは全く別物の「LINE Payマイクーポン」 コンビニなどでもおトクに買い物ができちゃいます!


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

  • usedoorをフォロー


  • 現在開催中の"おトク"なセール、キャンペーン、お買い得アイテムまとめ

    【誰でも参加OK】東京ディズニーランドの新エリア、新アトラクションが先行体験できるチケットが当たるドコモ「ドリームキャンペーン」の参加方法

    当たればディズニーランドの新エリア、アトラクションがオープン前に体験できる!ドコモ以外の人でも応募OK!


    【6ヵ月無料!!】auでスマホを購入してApple Musicを6ヵ月無料で利用する方法 – iPhone、Androidが対象!適用条件など

    auが太っ腹なキャンペーンを開始。iPhoneでもAndroidでも対象機種購入でApple Musicが6ヵ月無料!


    【最大3万円還元!】ソフトバンクのAndroidスマホを購入して高額キャッシュバックをGETする方法

    ソフトバンクのAndroidスマホを購入するとキャッシュバックがもらえるぞ!さらにクーポンでPayPayボーナスももらえる!


    【最大+7%還元】『dポイント スーパー還元プログラム』でおトクにd払い&iDで支払いする方法 – ドコモユーザー以外もOK!

    6月10日から始まる「dポイント スーパー還元プログラム」参加しておいて損はなし。要エントリーなのでご注意を


    【最大35%還元】PayPayモール『100億円相当あげちゃうキャンペーン』の概要や適用条件&注意点などまとめ – おトクに買い物する方法

    PayPayモールで「PayPay残高」または「ヤフーカード」でお支払いすると最大20%還元の激熱セール!年末感謝セールを併用で最大35%還元と超激熱!


    開催中のキャンペーンをぜんぶ見る

  • あわせて読みたい記事