写真に音声を入れる

解決済

質問者：kuroneko14
質問日時：2010/03/01 07:40
回答数：6件

ＨＰで公開しているアルバムに、見る人が「好みに応じて音声による解説」を聞けるようにしたいのです。
そのためには「写真の隣にボタンを置く」ことになり見る人が音声を聴きたければそれをクリックするのが簡単と思います。
私が今できるのは、ボタンを音声ファイル（たいていＭＰ３）へリンクすることですが、これですとリンクしたらメディアプレーヤーの画面が出て、写真が見れなくなります。
だからこの質問は「音声ファイルを再生してもプレーヤー画面が出なくする方法」または「プレーヤー画面が出ない音声再生ソフトがあるかどうか」という質問と同じです。
なお、この質問は「アルバムに音をつける方法」ではありません。「ボタンを押せば音だけが聞こえる方法」の質問です。
よろしくお願いします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (6件)

ベストアンサー優先
最新から表示
回答順に表示

No.2ベストアンサー

回答者： torayoshi
回答日時：2010/03/01 12:25

音声ファイルにリンクするやり方は普通はやりません。

webサイトでの音声再生は<embed>や<object>タグなどで埋め込む手法が一般的です。
埋め込んでしまえば後はプレーヤーのサイズを小さくすれば
操作パネルのみの表示になるので、画像に被らず邪魔になりません。
プレーヤーを表示させずにBGMとして音声を流す方法もあるのですが、
これだと止めたい時に操作出来なくなっちゃいます。

その他の方法としては、プレーヤー埋め込みサービスを利用するとか。
例えば、
http://web-marketing.zako.org/web-tools/how-to-e …
など。

- 0
- 件

通報する

この回答へのお礼

http://homepage3.nifty.com/ja4dob/dob/05ryokou01 …

ありがとうございます。ご提案の３、Yahoo! Media.Playerで苦闘しております。なにしろ知識貧弱ですので（下手な笑い）
上記のページ、一番上の右、スピーカーボタンで実験中です。英語で「お前、もっと勉強しろ(Learn more)」とお叱りを受けながらやっております。あまりお手間をかけてもいけませんが、もしお暇があれば更にご教授いただければありがたいです。

通報する

お礼日時：2010/03/01 14:45

No.6

回答者： torayoshi
回答日時：2010/03/02 22:31

続けてtorayoshiです。

複数設置のサンプルです。
http://www16.plala.or.jp/zaq_501/sample.html
それと少し気になる点が。
ファイル名に半角スペースが入ってるものがありますが、
(05 20ryokouv01.mp3など)
これは環境によっては正しく読み込めないブラウザもあるかも知れません。
なるべくなら「05_20ryokouv01.mp3」や「05-20ryokouv01.mp3」のように、
スペースを入れないファイル名にした方が良いと思います。

- 0
- 件

通報する

この回答へのお礼

何度も回答を有難うございました。こちらとしては殆ど経験の無かったソースの書き換えなど貴重な体験となりました。
今後の勉強はよりシンプルな音声ファイルの発見だろうと思います。
今日気づいたのですが、メールに音声ファイルを添付して送ると、ＭＳＮＨＯＴＭＡＩＬで受信した場合下記のような便利な形＝ほぼ私が理想と思っているような形で受信できます。
ご存知かと思いますが、要約しますと、受信したｍｐ３ファイルに再生プレーヤーがシンプルな形で付いています。「再生、停止、ミュート、ボリューム」で、横４ｃｍ、縦１ｃｍくらいです。それに横一直線に再生量（時間）を示すバー（縦0.5ｃｍくらい）が有ります。まあこれはほぼ不要と思いますが、４ｃｍのプレーヤーは魅力です。音声ファイルが複数あれば全部についています。
もしこの部分が抽出できれば、ＨＰでずいぶん役立つのではと思います。
私が最も理想と思える「ＨＰでの音声解説表示」は「ボタンがあり、ボタンをクリックすれば４ｃｍ程度のプレーヤーが現れ再生を始める」
準理想はｈｏｔｍａｉｌのように、ファイルに付属して小さいプレーヤーがある」です。
ｔｏｒａｙｏｓｈｉさんからご教授いただいたのも形態的には似ていますが、作成時にもっと簡単に出来る方法がありましたらまたご教授いただければありがたいです。

今回はこれでひとまずとさせていただきます。
どうも長々とお世話になりました。

通報する

お礼日時：2010/03/04 14:15

No.5

回答者： torayoshi
回答日時：2010/03/02 22:18

torayoshiです。

複数個所に複数設置可能です。
それぞれの音声ファイルのURLだけ変えてやれば良いのです。
(複数設置の数だけ<object>～</object>を書く必要があります)

- 0
- 件

通報する

No.4

回答者： torayoshi
回答日時：2010/03/02 18:09

torayoshiです。

根本的に間違ってます。
まず、プレーヤータグの<object>～</object>は<body>～</body>間に書いてください。
<head>～</head>間では作動しません。
player.swfにリンクさせてはいけません。
GOM Playerをアップしてもサイト上では作動しませんから意味がありません。
それから実験用音声ファイルの「05ryolouv01.mp3」が
"http://homepage3.nifty.com/ja4dob/dob/05ryolouv0 …に存在しないみたいなので、
「05ryolouv01.mp3」では検証出来ませんでした。

kuroneko14さんのサイトを元にサンプルページを作りました。
使った音源は「example1.mp3」です。
http://www16.plala.or.jp/zaq_501/sample.html
ソースを見て参考にしてください。

- 0
- 件

通報する

この回答へのお礼

再度有難うございました。
一つ妙なトラブルがありまして、「説明音声（ＳＰ１で聴けます、マ、寝つきが悪くなるようなきたない声ですが）は入らないが他のｍｐ３（懐メロ）は入る」というものですが、その問題はサテオキとします。
おかげさまでご指摘の点はよく分からないままにうまく行きました。
一つ疑問が生じました。
このページ内には他にもたくさん音声解説を付けたい写真が有るのですが、この方法では一箇所しか解説（説明）が付かないのではないでしょうか？
度々で済みませんがご支持をお願いします。
http://homepage3.nifty.com/ja4dob/dob/05ryokou01 …

通報する

お礼日時：2010/03/02 21:28

No.3

回答者： torayoshi
回答日時：2010/03/01 17:44

#2です。

「Yahoo! Media Player」は私も検証してみましたが、うまく行きませんね。
webサイトでの音声再生はブラウザのプラグインを利用するのが一番手っ取り早いんですが、
環境に依存するので(例えばFirefoxなどはプラグインをインストールしてない人は聴けません)
その点が悩みの一つでもありますね。

そこでもう一つ、Flashを利用する「Audio Player」ってのがあります。
こちらは軽快に作動しました。
説明サイト
http://sothis.blog.so-net.ne.jp/2007-03-22
「Audio Player」配布サイト
http://wordpress.org/extend/plugins/audio-player/
右側のオレンジの「Download」から。
解凍すると色々入ってますが、
使うのは「assets」フォルダの中の「player.swf」だけです。
後は説明サイトを参考にカスタマイズも自由です。
一度試してみてください。

- 0
- 件

通報する

この回答へのお礼

torayoshiさま
http://homepage3.nifty.com/ja4dob/dob/05ryokou01 …
どうもたびたびすみません。まだＨＰを始めて数ヶ月でごく初歩的なことで間違っているのだろうと思っていますが、どうもうまく行きません。ＧＯＭプレーヤーもＵＰしたのですが、実験用音声ファイル（05ryolouv01)をそれで再生するのが分かりません。ソースの書き方が間違っているのかも知れません。
済みませんが再度ご教授お願いします。ページの２個のＳＰで苦闘しています。

通報する

お礼日時：2010/03/02 14:14

No.1

回答者： MRT1452
回答日時：2010/03/01 08:55

貴方の探している物とは違うかもしれませんが、

http://japan.internet.com/webtech/20010801/9.html

上記のURLで紹介されている様なアプレットを使うとか、動画サイトを利用するとか。
そういったHP自身にプレイヤを埋め込むと言う方法くらいなものかと。
まぁ、サイトのスペースがそういった事に対応していればの話ですが。

対応していないのであれば、根本的にどうしようも無いかと。

この回答への補足

皆さんから各種の情報をいただき感謝しております。
しかし簡便さの点からすると、今一歩より簡単な方法は無いものかと、思っています。
たとえばMSNのHOtmail受信ボックスでは、音声添付ファイルがあると自動的に簡単な再生ソフトが付いていて、再生できるようです。
なにかそうのような簡便な方法がありましたら引き続き情報をいただければと思います。

補足日時：2010/03/16 12:20

通報する

- 0
- 件

通報する

この回答へのお礼

そーですねえ、操作的には簡単で、たとえばｗｉｎｄｏｗｓなら画面を「最小表示」にするだけのことですが、受信者側でせねばならないし。。。全員が持っているようなプレーヤーでないとじつようてきでないし。。。
たとえば「仮称画なし音」というプログラムがあって、「これはｗｉｎｄｏｗｓ他のｍｅｄｉａｐｌａｙｅｒを呼び出すが、すぐ最小画面にして、ｍｐ３を動かす」なーんてプログラムがないと駄目ですかね？

通報する

お礼日時：2010/03/01 10:08

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！