こもれびゅーklog.webcrow.jp

ようこそ こんにちは! 

本日は、平成 31年 12月 15日 (日)

ホームページ上で音声ファイル(.mp3)を再生させるには?2013年7月1日

雑記・覚書き 内容

製品の概要

ホームページ上で音声ファイルを再生させたい事があると思います。自分もその様な機会があり、調べてみました。忘れない様にメモ書きを兼ね、意外と簡単に環境を構築できましたので、その方法を紹介したいと思います。

手順

【手順 1】

無料で公開・配布されているflashタイプのプレイヤーである「dewplayer」を下記よりダウンロードします。

ダウンロード先 → http://www.alsacreations.fr/dewplayer.html


【手順 2】

ダウンロードした.zipファイルを解凍すると12タイプの.swfファイルがありますので、好きなタイプの物を1つ選び、再生させる.mp3ファイルと同じディレクトリに配置し、一緒にアップロードします。

(.swfファイル以外は使用しませんので削除してもOKです。)


【手順 3】

HTML等のソースファイルに下記タグを書き込みます。(プレイヤー「dewplayer.swf」を使用し、音声ファイル「test.mp3」を使用した場合)

 id="dewplayer" name="dewplayer">




*太字部分は使用する.swfファイルや.mp3ファイルによって変わります。


「dewplayer」のホームページ上にHTMLコードを生成してくれるジェネレーターも設置されていますので、そちらを活用されるのも良いかと思います。

設置

本ホームページ上において、上記手順にて環境を構築し.mp3ファイルを再生出来る様にしているページがあります。


「PCソフトウェア Home Typist」について記載したページ

http://klog.webcrow.jp/review/software/contents/?id=83


「PCソフトウェア Vol.12 CeVIO Creative Studio FREE」について記載したページ

http://klog.webcrow.jp/review/software/contents/?id=117


「PC周辺機器 ペンタックス デジタルカメラ X-5(クラシックブラック)」について記載したページ

http://klog.webcrow.jp/review/digital_camera/contents/?id=115

総評

HTMLコードを生成してくれるジェネレーターもあるので、非常に簡単に音声再生環境が作れます。


プレーヤ自体のデザインも数種類用意されています。

自分好みのプレーヤーデザインが選べる点も良い点です。

その他・備考

ダウンロード先

http://www.alsacreations.fr/dewplayer.html

タグ

コメント欄(入力及び表示)

お名前
メールアドレス
件名
コメント
編集・削除キー
認証パスワード 入力コード:5685
コメント投稿時の注意事項等

」が付いている項目は入力必須です。

「メールアドレス」・「編集・削除キー」の入力は任意となっております。メールアドレスを記入頂いた際においても、メールアドレスが公開される事は一切ありません。


タグ等の特殊記号は使用出来ません。


-コメントする内容について-

広告、第三者に対する誹謗中傷、公序良俗に反する書き込みは絶対にお止め下さい。

不適切な書き込みが確認された場合は、予告なく記事を削除することがあります。


以上の事をご了承の上、投稿をお願い致します。ご協力の程、お願い致します。

本製品と関連性のある記事(こちらもどうそ!)

EIZOダイレクト