【誰でもおトク!!】超おトクなdカード、dカードGOLDを徹底完全まとめ!

新着を見る



最終更新 [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 , コード , 埋め込み ,




同じカテゴリの記事

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

AWA MUSIC

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

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

AWA MUSIC

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

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

AWA MUSIC

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

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

AWA MUSIC

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


新着記事

【iPhone】着信をお知らせするSMSに表示された電話番号の相手を確認する方法(発信ナシ)

iPhone / iPad

メッセージ上には電話番号しか表示されないので相手が誰なのかわからない…

【予約受付中】「PlayStation 4 グランツーリスモSPORT リミテッドエディション」を予約・購入する方法

ゲーム

グランツーリスモ特別仕様のPS4!数量限定商品なので欲しい人は予約しよう!

【PC版Chrome】設定画面を旧バージョンのUIに戻す方法 – New設定画面がしっくりこない人へ

ブラウザ

Chromeの新しいフラットデザインのような設定画面が気にくわないという人は元に戻してみては?


≫ 新着記事をもっと見る



usedoorTOPへ戻る

usedoorをフォロー


  • 注目の使い方

    LINEのモバイルデータ通信量を抑える設定方法 – 画像や動画周りを節約!

    LINEが原因で通信規制を受けている人は一度設定をチェック!


    LINEポイント(旧フリーコイン)でスタンプやきせかえを購入する方法 – ポイントをLINEコインに変換

    フリーコインは消滅してないよー!これまで通りスタンプもきせかえも買えちゃう


    【Apple Pay】登録カードがモロバレ!iPhoneのロック画面でApplePayのWalletアプリの起動をオン/オフする方法 – 初期状態はON

    ロック画面から登録カードが見れちゃう。iOS 10.1アプデした人は多分ONになってるぞー


    【LINE】『ニュース』タブを『通話』に変更する方法 – 非表示はできないけど切り替えはできる

    iPhone版も変更に対応。LINEにニュースいらない人は通話タブに変更しておきましょー


    注目の記事をぜんぶ見る

  • 最新記事

    【iPhone】着信をお知らせするSMSに表示された電話番号の相手を確認する方法(発信ナシ)

    メッセージ上には電話番号しか表示されないので相手が誰なのかわからない…


    【予約受付中】「PlayStation 4 グランツーリスモSPORT リミテッドエディション」を予約・購入する方法

    グランツーリスモ特別仕様のPS4!数量限定商品なので欲しい人は予約しよう!


    【PC版Chrome】設定画面を旧バージョンのUIに戻す方法 – New設定画面がしっくりこない人へ

    Chromeの新しいフラットデザインのような設定画面が気にくわないという人は元に戻してみては?


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

  • 人気記事ランキング

    【抽選販売受付中】「ニンテンドースイッチ」を予約・購入する方法

    【抽選販売受付中】「ニンテンドースイッチ」を予約・購入する方法

    Joshin webで『スプラトゥーン2セット』含む3種類の抽選販売の応募受付!


    ランキングを見る

  • 使い方 カテゴリー

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


  • あわせて読みたい記事