サンプルとして、商品の音楽を試聴させたい場合もあるかと思います。
ところが、カラーミーショップ内には、
画像ファイルとFLASHファイル以外はアップロードすることができません。
なので、その回避方法として、
音楽データは別のサーバーにアップロードしておいて、
カラーミーショップ側からそのファイルを呼び出す方法を取ります。
今回は、埋込み式のフラッシュプレイヤーを使って、
カラーミーショップに音楽(MP3)の試聴機能を追加する方法を紹介します。
{{insert_meta post760_1}}
← こんな感じ (※音量注意)
1.レンタルサーバーを借りる
まずは、音楽データを置いておく為のサーバーを借りましょう。
カラーミーショップと運営会社が同じロリポップが良いです。
独自ドメインなどの連携も取りやすく、値段も安いです。
2.サーバー初期設定を行う
登録が完了したら、FFFTP をダウンロードし初期設定を行います。
設定内容や方法については、ロリポップの登録完了メールを見て下さい。
3.試聴データのアップロード
さきほど設定が完了したロリポップサーバーに
視聴させたい音楽データ(MP3)をFTTTPを使ってアップロードします。
4.プレイヤーのダウンロード
下記のサイトより「Download EMFF」をクリックして先に進み、
zipファイルをダウンロードして下さい。
http://emff.sourceforge.net/
※現時点での最新ファイルは「emff_0.5.8.zip」となっています。
5.プレイヤーのアップロード
さきほどダウンロードしたプレイヤーは、FLASH(.swf)を使ったプレイヤーです。
FLASHファイルなら、カラーミーショップにアップロードが可能ですので、
ファイルを解凍し、[skinsフォルダ]の中から好みのプレイヤーを選び、
カラーミーの画像ファイル管理でアップロードして下さい。
色々ファイルが入っていますが、好みのプレイヤーのファイル
(例えば、emff_standard.swf)以外は、アップロードしなくて良いです。
{{insert_meta post760}}
6.コードを作成する
コードジェネレーターを使い、コードを作成します。
入力内容については、以下の画像を参考にして下さい。
(1)項目5の【プレイヤーのアップロード】で選んだプレイヤーの種類を選んで下さい。
(2)には、MP3をアップしたファイルのURLを入力して下さい(ロリポップ)。
例えば、「http://www.netshop-waza.com/mp3/sample.mp3」のように。
(3)でメモ帳に貼り付けたコードを修正します。
赤色の部分をプレイヤーをアップロードしたあなたのカラーミショップのURLに書き換えてください。
<object type="application/x-shockwave-flash" data="http://img02.shop-pro.jp/PAxxxxx/xxx/etc/emff_easy_glaze.swf" height="32" width="32">
<param name="movie" value="http://img02.shop-pro.jp/PAxxxxx/xxx/etc/emff_easy_glaze.swf">
<param name="FlashVars" value="src=http%3A%2F%2Fwww.netshop-waza.com%2Fsample.mp3">
</object>
7.コードを貼り付ける
カラーミーショップの試聴機能を追加したい部分に
先ほどのコードを貼り付ければ作業完了です。
お疲れ様でした。