RSSを購読する
follow us in feedly
ふかふか交易所 | ネットの情報をわかりやすくお届け!
RSSを購読する
follow us in feedly

ニュータウンシリーズ まとめ

マインクラフト関連記事 まとめ

VR関連記事 まとめ

トップ ゲーム 動画 ホームページ 掲示板 お問い合わせ サイトマップ ページ下部へ

ホームページカテゴリ 新着記事

サイト内検索

過去7日間の人気記事

  • 総合
  • ゲーム
  • 動画
  • ホームページ

ホーム > ホームページカテゴリー No.1 ~ No.10 > 記事No.5

ホームページに音声を再生するプレーヤーを埋め込む方法

← 前の記事

次の記事 →

音声プレイヤー

作成・編集したBGMや効果音等のサンプルを、ホームページ・ブログを見に来てくれた人に気軽に聞いて もらいたい! といった時に役に立つ"簡易mp3プレーヤー"をページに埋め込む方法を紹介します!


ちなみに導入に成功すると、↓のようなプレイヤーが表示されます



色々なサイトさんで見かけるような典型的なプレイヤーですね!では以下で導入手順について 解説していきます。

① プレイヤー本体のダウンロード

まず、mp3のプラグインファイルを、配布場所(←クリックで移動)からダウンロードしてください。 (「player_mp3_maxi.swf」と書いてあるリンクを右クリック→"名前を付けてリンク先を保存" で保存してください)


ダウンロードが済んだら、自分のサイトのどこかのフォルダ内に、
・ダウンロードした.swfファイル
・再生させたい.mp3ファイル
を配置しておいてください。


② htmlの記述

プレイヤーを配置したいページのhtmlの、配置したい箇所に以下の文を張り付けてください。 この時点で一応プレイヤーは表示されるはずです


※1・2行目(data=)・・・手順①でプレイヤー本体(.swfファイル)を保存した場所のパスにしてください。

※3行目(mp3=)・・・手順①で音楽ファイル(.mp3)を保存した場所のパスと、再生する.mp3のファイル名にしてください。ただし 音楽ファイル名に日本語は使用しないでください

※1行目(width&height)・・・プレイヤーの横幅(width)と縦幅(height)です。任意に設定してください。

※3行目(volume)・・・ページを開いた初期状態での音楽のボリュームです。0~200の間で任意に設定してください。


手順③ 全てのファイルのアップロード

調整が済んだら、最後に.swf .mp3データを含めたすべてのファイルをサーバーにアップロードして終わりです!


どうでしたか?以外に簡単にプレイヤーを設置できたと思います!自分のホームページにいろんな機能を付けていって、どんどん充実させていきたいですね!( ´∀`)


※もし、プレイヤーの再生ボタンを押しても音楽が流れないという方は、音楽ファイルが正常に読み込まれていない可能性があるので、 ちゃんと音楽ファイルが.mp3の形式になっているか、読み出し文が正しい保存場所を指定出来ているか等を確認してみてください。


関連記事はこちら


  ■ 一言コメントをどうぞ!(100字まで)


過去7日間の人気記事

マインクラフト関連記事 まとめ

VR関連記事 まとめ

Aviutl(動画編集)関連記事まとめ

AR関連記事 まとめ

ご意見・ご質問等は 掲示板へ!

コメントを公開されたくない場合は メッセージフォームへ!


当サイトについて  月極広告の募集

©Copyright fukafuka295.jp 2016 All rights reserved.

トップ ゲーム 動画 ホームページ 掲示板 お問い合わせ サイトマップ ページ上部へ