ソフトバンクオンラインショップで「iPhone 15」が一括63,408円の激安販売

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ページよりご連絡ください。

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

ソースネクストの割引クーポンまとめ – 現在配布中の最新クーポンやキャンペーンを製品別にまとめてみた

ショッピング

ソースネクストの割引クーポンを総まとめ!公式から一覧情報を頂いているので全てのクーポンがチェックできます。Dropboxや1Password、ZEROセキュリティetc...と多数配布中!

【2ヵ月99円/月&700円分のギフトカードがもらえる!!】Amazon「Audible」のキャンペーンまとめ – 本の朗読サービスにおトクに登録する方法

キャンペーン

4月15日までAmazonギフトカードがもらえる激アツキャンペーン開催中!Amazonの朗読サービス「Audible」に登録するならキャンペーンの利用がオススメ

【最大44,000円割引!!】ドコモが認定中古スマホのセールを開催。docomo CertifiedのiPhone・Androidがかなり安く購入できる!半額以下のスマホもあり

セール

10月25日よりドコモがdocomo Certified(認定中古スマホ)を対象としたセールを開催。新規契約/のりかえで大幅割引が適用される

【楽天モバイル】割引拡大!iPhone 16(128GB)をおトクに購入する方法 – Appleよりも安い価格で購入可能に。割引とポイント還元で実質109,700円

携帯電話

楽天モバイルでiPhone 16(128GB)がAppleよりも安く購入できる。のりかえで20,000円オフの一括121,700円、さらに12,000ポイント還元で実質109,700円に

ahamo、LINEMO、povoどれにする?開催中キャンペーンの特典と条件を比較してみた – キャッシュバックやポイント還元などまとめ

携帯電話

ドコモのahamo、ソフトバンクのLINEMO、auのpovo、。大容量低価格プランを今契約するならどこが一番おトクにキャンペーンで契約できる?を比較してみた


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

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

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

usedoor Twitter
usedoor facebook
usedoor feedly
usedoor RSS


新着ニュース&記事

【悲報】ドコモがiPhone 16eとiPhone 15を値上げ… 両機種とも4月4日に価格改定、約1万円高くなる

ニュース

4月4日よりドコモのiPhone 16e、iPhone 15が値上げ。さらに全iPhone 16シリーズの返却プログラムの負担金も変更に

【6月5日発売】「Nintendo Switch 2」がついに発表!予約・発売日や価格、進化したポイントなどを解説。体験イベントも開催!!

ゲーム

ついに待望の「Nintendo Switch 2」の詳細が発表!予約・発売日・価格は?一足先に体験できるイベント「Nintendo Switch 2 体験会 TOKYO」が2025年4月26日・27日に開催。

国内初!KDDIが「5G+」のアンテナピクト表示を発表。Sub6・ミリ波で通信中は5G+の表示に。なんちゃって5Gが一目で判別できるように

ニュース

KDDIがsub6/ミリ波での通信中はアンテナピクトに「5G+」と表示されるようになると発表。4G転用のなんちゃって5Gを見抜けるようになる!

【金曜日限定】セブンイレブンでVポイントPayアプリのお買い物が最大20%還元

キャンペーン

2025年4月4日~5月30日までの毎週金曜日に、セブンイレブンでVポイントPayアプリのVisaタッチ決済を利用すると最大20%のポイント還元が受けられるキャンペーンが開催。​

【ワイモバイル契約者限定!!】もう1回線申込で15,000円分のポイントがもらえる特別キャンペーン開催中。のりかえならAQUOS wish4が一括1円の特価で買える

キャンペーン

ワイモバイルの既存契約者向けに増額特典が用意されたキャンペーン開催中。新規契約でも通常より多い15,000円分のPayPayポイントがもらえる。のりかえなら一括1円スマホあり


新着記事をもっと見る

usedoorをフォロー


注目・おすすめ記事

【完全無料!!】Amazon Musicの音楽を無料で聴く方法 – 非プライム会員でも利用OKの『Amazon Music FREE』登場!できることや機能制限、利用環境など

Amazonの音楽聞き放題サービスに無料版の『Amazon Music FREE』が登場!マジで無料で音楽が聴ける(もちろん制限あり)


【裏技?】ahamoを契約して最大20,000dポイントをもらう方法 – ドコモSIMのみ契約⇒即ahamoへのプラン変更でポイントが付与された

ドコモのSIMを単体契約⇒即ahamoにプラン変更で最大20,000dポイントがもらえる!直接ahamoで契約するよりもかなりおトクに


【iPhone】マスクを装着したままでFace IDでロックを解除する方法まとめ – iOS 15.4以降、iOS 15.3以前、Apple Watch着用など

iOS 15.4から正式機能になった「マスクをしたまま顔認証でiPhoneのロックを解除」を設定してみた!その他、iPhone 12未満のモデルで使える小ワザも


【ドコモ】『オンラインショップおトク割』でスマホをおトクに購入する方法 – 端末のみ購入もOK!対象機種、割引金額、適用条件まとめ

ドコモオンラインショップが新たな割引「オンラインショップおトク割」をスタート!5G WELCOME割併用で超大幅割引となる機種も!


【Windows 11標準機能】タスクバーの統合を解除してラベルを表示する方法 – まとめラベルをオフ、非表示にする手順(バージョン22H2、KB5030310適用)

ついにWindows 11でタスクバーの結合の解除、ラベル表示ができるようになった!今後はExplorerPatcherなどのサードパーティ製のアプリは不要に。オプションパッチ「KB5030310」の適用は必須



注目の記事をぜんぶ見る


最新記事&ニュース

【悲報】ドコモがiPhone 16eとiPhone 15を値上げ… 両機種とも4月4日に価格改定、約1万円高くなる

4月4日よりドコモのiPhone 16e、iPhone 15が値上げ。さらに全iPhone 16シリーズの返却プログラムの負担金も変更に


【6月5日発売】「Nintendo Switch 2」がついに発表!予約・発売日や価格、進化したポイントなどを解説。体験イベントも開催!!

ついに待望の「Nintendo Switch 2」の詳細が発表!予約・発売日・価格は?一足先に体験できるイベント「Nintendo Switch 2 体験会 TOKYO」が2025年4月26日・27日に開催。


国内初!KDDIが「5G+」のアンテナピクト表示を発表。Sub6・ミリ波で通信中は5G+の表示に。なんちゃって5Gが一目で判別できるように

KDDIがsub6/ミリ波での通信中はアンテナピクトに「5G+」と表示されるようになると発表。4G転用のなんちゃって5Gを見抜けるようになる!


【金曜日限定】セブンイレブンでVポイントPayアプリのお買い物が最大20%還元

2025年4月4日~5月30日までの毎週金曜日に、セブンイレブンでVポイントPayアプリのVisaタッチ決済を利用すると最大20%のポイント還元が受けられるキャンペーンが開催。​


【ワイモバイル契約者限定!!】もう1回線申込で15,000円分のポイントがもらえる特別キャンペーン開催中。のりかえならAQUOS wish4が一括1円の特価で買える

ワイモバイルの既存契約者向けに増額特典が用意されたキャンペーン開催中。新規契約でも通常より多い15,000円分のPayPayポイントがもらえる。のりかえなら一括1円スマホあり



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


usedoorをフォロー


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

【UQモバイル】のりかえ時にクーポンを適用して20,000円分のau PAY残高キャッシュバックをもらう方法 – 買い物不要&クーポンコードあり。実際に申込してみた

UQモバイルにSIMのみでのりかえ契約するなら絶対にコレ!買い物不要で最大20,000円分のau PAY残高がキャッシュバックされるスペシャルクーポンを使ってみた


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

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


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

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


【最大5,000円相当が無料でもらえる】Yahooショッピング、PayPayモールで買い物して「ウェルカムギフト」をもらう方法 – 対象となる条件などまとめ

はじめてまたは久々にYahooショッピング、PayPayモールで買い物する人は5,000円相当の商品が詰まったウェルカムギフトがもらえる!


ソースネクストの割引クーポンまとめ – 現在配布中の最新クーポンやキャンペーンを製品別にまとめてみた

ソースネクストの割引クーポンを総まとめ!公式から一覧情報を頂いているので全てのクーポンがチェックできます。Dropboxや1Password、ZEROセキュリティetc...と多数配布中!



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