★ MP3ファイルで芸術の秋を満喫する

前回、Web ピアノを作って以来、

音楽が無いと寂しく感じるようになったので

WordPressのプラグインをインストールしました。

1. Compact WP Audio Playerをインストール

他にもたくさんありますが、上記の名前のもので上手くいきました♩

プラグインをインストール後、fileurl タグでサーバーにアップロードした

mp3ファイルを指定するだけです。 以下の様なスマートなコントロールバー

が表示されて、クリックすると音楽が流れるようになります。

2.controlsを指定する方法

audioタグにcontrolsを記述すると、7cm程のプレイヤーが表示されるのは前回確認しました。 [wc_fa icon=”arrow-circle-down” margin_left=”” margin_right=””][/wc_fa]

3. 鍵盤の画像をクリックで音楽スタートできるか? (JavaScriptを利用)

JavaScriptの記述は、WordPressでは難しくて時間もかかるので

断念しました…!ごめんなさい、また次回・・・。

クリックしても音楽は鳴りません …

piano2

 

☆WordPressについての記事はいつもは別のWPサイトに書いています☆

(今回は前の投稿でWeb Pianoを作ろう!と書いてしまったからです。

少し責任を感じての投稿という訳です。)

ぜひこちらも参考にして頂けると幸いです。よろしくお願いします☆

4. SoundCloudを利用する

SoundCloudやMixCloud.. MyspaceにJango… と沢山素敵なサイトがありますが

個人的に私の友人が多く利用している SoundCloudが便利だと思われます。

簡単にアップロードもシェアも出来るのがすごいです!

作者にとっては無料でシェアされて少し残酷な面もあるのかも? ..

その他 ☆ハムさんのデモサイト