【当サイト限定 ドコモクーポン配布中!】iPhone 8、7、Plus、iPadが5,400円割引になる『限定割引クーポン』をusedoor読者にプレゼント!

新着を見る

最終更新 [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

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

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

AWA MUSIC

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

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

AWA MUSIC

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

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

AWA MUSIC

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


新着記事

「PS4 Pro スター・ウォーズ バトルフロント II Limited Edition」を予約・購入する方法

ゲーム

スター・ウォーズファンは必見!数量限定販売なので欲しい人は予約しよう!

【Windows10】Fall Creators Update(16299)に手動アップデートする方法

パソコン

10月18日から配信開始!いち早く体験したいという人は自分でアップデートしてみて

【期間限定ポイントの消化に最適!!】楽天ポイントをiTunesコードに交換する方法

ポイントカード

期間限定ポイントでiTunesコードが買える。しかも購入金額の1%還元される「楽天市場 iTunesコード認定店」


≫ 新着記事をもっと見る



usedoorTOPへ戻る

usedoorをフォロー


  • 注目の使い方

    インスタグラムに写真を『分割投稿』できるアプリInstagridsの使い方 – プロフィール画面もオシャレに

    流行中?サクッとプロフィール画面などに分割写真を作れちゃう無料アプリ「Instagrids」


    ドコモの「iPhone 8 / Plus」を予約、発売日付近でもおトクに購入する方法 – 価格、割引、クーポン、キャンペーンまとめ

    ドコモのiPhone 8 / Plus用の価格&キャンペーンが登場!できるだけお安く購入できる方法をまとめています


    【dポイント】「期間・用途限定」とは?オススメの使い方、使えるお店や有効期限確認方法など

    キャンペーンなどでもらえる『dポイント(期間・用途限定)』は割と用途が広い!Amazonでは使えないのでお間違いなく。


    注目の記事をぜんぶ見る

  • 最新記事

    「PS4 Pro スター・ウォーズ バトルフロント II Limited Edition」を予約・購入する方法

    スター・ウォーズファンは必見!数量限定販売なので欲しい人は予約しよう!


    【Windows10】Fall Creators Update(16299)に手動アップデートする方法

    10月18日から配信開始!いち早く体験したいという人は自分でアップデートしてみて


    【期間限定ポイントの消化に最適!!】楽天ポイントをiTunesコードに交換する方法

    期間限定ポイントでiTunesコードが買える。しかも購入金額の1%還元される「楽天市場 iTunesコード認定店」


    【今年もキター!】いい買物の日くじで「Tポイント1000万ポイントやベンツ、ケータイ代1年分」などが当たる! – くじを引いて豪華賞品をGETする方法

    10/17~11/13の期間、毎日くじを引いて豪華賞品を狙っちゃいましょう!毎日変わる豪華1等!当たれば激熱!


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

  • 人気記事ランキング

    【ミニスーファミ販売情報】『ニンテンドークラシックミニ スーパーファミコン』を予約・購入する方法

    【ミニスーファミ販売情報】『ニンテンドークラシックミニ スーパーファミコン』を予約・購入する方法

    抽選販売開催中!ミニスーファミの発売日は10月5日で、価格は7,980円!


    【10月版】のりかえでiPhone 7を買うならどこが安いか調べてみた! – ドコモ・au・ソフトバンクのiPhone 7料金比較・まとめ

    【10月版】のりかえでiPhone 7を買うならどこが安いか調べてみた! – ドコモ・au・ソフトバンクのiPhone 7料金比較・まとめ

    10月にiPhone7買うなら3キャリアどこが一番安い?MNPで購入した場合の料金を比較...


    ランキングを見る

  • 使い方 カテゴリー

    暮らし
    趣味
    節約・稼ぐ
    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をフォロー


  • あわせて読みたい記事