楽天モバイルが「arrows We2」を一括1円で販売

AWAの楽曲やアーティストなどをブログ、WEBサイト上に埋め込む方法【iOS・Android・PC対応】

AWA内にある音楽やアーティスト、プレイリストなどがWEBサイト内に埋め込めるようになったぞー


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

この記事内には広告リンクが含まれています。

\\どうかフォローをお願いします…//


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

< この記事をシェア >

usedoor Twitterでシェア
usedoor facebookでシェア
usedoor はてなブックマークに保存
usedoor Pocketに保存
usedoor LINEでシェア
usedoor feedly


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

8,000万曲以上の音楽が聴き放題【AWA】

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

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

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

via:AWA

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

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


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

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

アプリアイコン

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


App StoreGoogle Play

提供が開始された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を使ってみるのもアリなのではないでしょうか。


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

< この記事をシェア >

usedoor Twitterでシェア
usedoor facebookでシェア
usedoor はてなブックマークに保存
usedoor Pocketに保存
usedoor LINEでシェア
usedoor feedly



\\どうかフォローをお願いします…//



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

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

【フジロック】3ヵ月無料!Amazonの音楽聴き放題「Music Unlimited」をおトクに登録する方法 – FUJI ROCK連動の大型キャンペーン開催中!

キャンペーン

Amazonの音楽聞き放題サービス「Music Unlimited」が3ヵ月間無料で利用できるFUJI ROCK連動キャンペーン開催!7月28日(月)まで

【楽天モバイル】三木谷氏の紹介キャンペーンで14,000ポイントをもらって回線を契約する方法。超おトクに契約できるけど注意点あり

キャンペーン

楽天の社長、三木谷氏のRakuten最強プラン紹介キャンペーンを利用すればのりかえ契約で14,000ポイントがもらえる。ただし現在は特典付与は1人1回まで

【誰でもOK!!】『ドコモオンラインショップ限定 機種購入割引』でiPhone・Androidスマホを大幅割引で購入する方法&対象機種まとめ – 機種のみ購入でもOK!

携帯電話

ドコモオンラインショップ限定機種購入割引で対処機種が大幅割引!機種単体(白ロム)購入も対象。割引の条件、対象機種は?

【12円スマホ】ソフトバンク『新トクするサポート(バリュー)』の対象機種、適用条件などまとめ – iPhone 15が対象に⇒128GBモデルは月額1円で利用できる!

携帯電話

ソフトバンクの対象機種が1年間12円~で利用できる『新トクするサポート(バリュー)』の条件や対象機種まとめ。返却で激安でiPhone・Androidが使える!

【紹介コードあり】みんなの銀行アプリで口座開設して最大1,000円をゲットする方法

銀行

紹介コードを入力して口座開設すると、紹介する人・紹介された人それぞれに現金500円が貰える「お友だち紹介プログラム」キャンペーン開催中!「新規口座開設限定!サービス体験プログラム」にも参加して合計1,000円ゲット!


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

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

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

usedoor Twitter
usedoor facebook
usedoor feedly
usedoor RSS


新着ニュース&記事

UQ mobile オンラインショップおトク割対象機種にiPhone 15が追加

ニュース

UQ mobileでiPhone 15 128GBがUQ mobile オンラインショップおトク割対象機種に追加!最大44,000円割引!スマホトクするプログラム適用した場合は実質47円。

【一括9,824円~】ソフトバンクがXperia 10 VIを大幅値下げ、定価の半額以下に!

ニュース

ソフトバンクのXperia 10 VIが77,760円⇒31,824円に値下げ!機種変更でも一括31,824円で購入できる。

【毎月18日限定】楽天市場『ご愛顧感謝デー』でおトクに買い物する方法 – 18日=イチバの日!簡単な条件を満たせばポイント最大+3倍

ショッピング

楽天市場で毎月18日の24時間限定で「ご愛顧感謝デー」が開催!エントリー&買い物でポイント最大+3倍とおトクに買い物ができる

ワイモバイルオンラインストアで認定中古品「iPhone SE(第3世代)」の販売開始、一括9,720円〜

ニュース

2025年7月にワイモバイルのソフトバンク認定中古品のラインアップに「iPhone SE(第3世代)」が追加!他社からのりかえ(MNP)なら一括9,720円で買えるぞ!

povo×Hulu!1ヵ月分のチケットとデータ追加0.5GB、データ使い放題2時間×2回がセットで1,300円の期間限定トッピングが登場

ニュース

Huluとpovoがコラボしたトッピングが登場!Hulu1ヵ月分のチケットにpovoのデータ追加/使い放題がセットで1,300円とおトク。8月31日まで期間限定で提供


新着記事をもっと見る

usedoorをフォロー


注目・おすすめ記事

DAZN(ダゾーン)をお得に契約する方法

DAZNをおトクに利用する方法をご紹介!サッカーW杯アジア最終予選のアウェーはDAZN独占配信。2025年6月にアメリカで開催される「FIFAクラブワールドカップ2025」全63試合を無料で独占配信。


【Twitter】『ダークモード』の設定方法 – iOS・Android・PCでタイムラインなどの背景色を黒やダークブルーにできる。夜間モードの違いなど

夜間モードからダークモードへ名称が変更!Twitterがよりスタイリッシュなブラックテーマ風になるぞー


【iPhone】Xを旧Twitterアイコンに変更する方法 – 青い鳥ロゴ&表示名がTwitterのアプリアイコンをホーム画面に作成/配置してみた

iOS純正機能のショートカットを使ってiPhoneのホーム画面に青い鳥の「Twitter」のアプリアイコンを作成してみた。Xから従来のTwitterアイコンに変更・戻す感覚で作れちゃう。サードパーティ製アプリなどは不要


【通信障害対策に】サブ回線としての契約がオススメのキャリア・格安SIMまとめ – 月額料金は抑えつつ予備としてどうぞ。eSIM、デュアルSIMなど

時々発生するキャリアの通信障害… 障害発生中は電話・ネットが繋がらない。。を避けるために持っておくのがオススメのサブ回線をまとめてみた


【2025年版】税金をおトクに支払う方法 – 請求書払いを徹底比較!J-Coin Payがオススメ。楽天ペイ、d払い、au PAY、PayPay、ファミペイでおトクさを比較してみた

2025年も支払う必要がある様々な税金。請求書払いに対応しているもので手数料不要でポイント還元ありなど一番おトクに支払うことができるサービスは何?



注目の記事をぜんぶ見る


最新記事&ニュース

UQ mobile オンラインショップおトク割対象機種にiPhone 15が追加

UQ mobileでiPhone 15 128GBがUQ mobile オンラインショップおトク割対象機種に追加!最大44,000円割引!スマホトクするプログラム適用した場合は実質47円。


【一括9,824円~】ソフトバンクがXperia 10 VIを大幅値下げ、定価の半額以下に!

ソフトバンクのXperia 10 VIが77,760円⇒31,824円に値下げ!機種変更でも一括31,824円で購入できる。


【毎月18日限定】楽天市場『ご愛顧感謝デー』でおトクに買い物する方法 – 18日=イチバの日!簡単な条件を満たせばポイント最大+3倍

楽天市場で毎月18日の24時間限定で「ご愛顧感謝デー」が開催!エントリー&買い物でポイント最大+3倍とおトクに買い物ができる


ワイモバイルオンラインストアで認定中古品「iPhone SE(第3世代)」の販売開始、一括9,720円〜

2025年7月にワイモバイルのソフトバンク認定中古品のラインアップに「iPhone SE(第3世代)」が追加!他社からのりかえ(MNP)なら一括9,720円で買えるぞ!


povo×Hulu!1ヵ月分のチケットとデータ追加0.5GB、データ使い放題2時間×2回がセットで1,300円の期間限定トッピングが登場

Huluとpovoがコラボしたトッピングが登場!Hulu1ヵ月分のチケットにpovoのデータ追加/使い放題がセットで1,300円とおトク。8月31日まで期間限定で提供



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


usedoorをフォロー


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

【ソフトバンクオンラインショップ限定】「web割」で機種代金を最大21,600円割引する方法

オンライン限定!MNP(のりかえ)なら最大21,600円割引!販売しているほとんどのiPhone、Androidスマホがキャンペーン対象。


Amazonで『ギフトカード大還元祭』開催!対象のお店でAmazon Pay利用で1回ごとに最大10,000円分のギフトカードが当たる抽選に参加できる&回数上限なし

Amazon Payを対象店舗で1回1,000円以上利用すると必ずAmazonギフトカードが当たる抽選に参加できる「ギフトカード大還元祭」開催!期間は6月7日(金)まで


【楽天モバイル】スマホ料金チェック⇒回線契約で最大9,000ポイントがもらえるキャンペーン開催。診断だけで100ポイントも!特典、条件などまとめ

楽天モバイルがスマホ料金チェックを行ってから回線を契約するとのりかえで9,000ポイント、新規契約で5,000ポイントをプレゼントするキャンペーンを毎月開催


ドコモのiPhone、Androidスマホが機種変更で5,500円割引となるクーポンをWEB上からゲットする方法 – 対象機種、条件など

ドコモがiPhoneやAndroidスマホの機種変更が5,500円割引となるクーポンをウェブ上で毎月配布中!iPhoneやPixelシリーズ含めほとんどの機種が対象。対象者限定なので取得できるかをチェック!


LYPプレミアムにおトクに登録できるキャンペーン&会員向け特典、利用できるLINEの機能まとめ – 3ヵ月無料&PayPayポイント&クーポンなど

LYPプレミアムに新規登録で基本料金3ヵ月無料&1,000円分のPayPayポイント&Yahoo!ショッピングの2,000円割引クーポン×2枚がもらえるキャンペーン開催中



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