- ベストアンサー
写真に音声を入れる方法とは？
- ＨＰで公開しているアルバムに、見る人が「好みに応じて音声による解説」を聞けるようにしたい。
- 写真の隣にボタンを置き、ボタンをクリックすることで音声が再生される仕組みが必要。
- リンク先が音声ファイルであるため、メディアプレーヤーの画面が出てしまう問題がある。
- kuroneko14
- お礼率58% (10/17)
- その他（インターネット・Webサービス）
- 回答数6
- ありがとう数8
- みんなの回答 （6）
- 専門家の回答
質問者が選んだベストアンサー
音声ファイルにリンクするやり方は普通はやりません。 webサイトでの音声再生は<embed>や<object>タグなどで埋め込む手法が一般的です。 埋め込んでしまえば後はプレーヤーのサイズを小さくすれば 操作パネルのみの表示になるので、画像に被らず邪魔になりません。 プレーヤーを表示させずにBGMとして音声を流す方法もあるのですが、 これだと止めたい時に操作出来なくなっちゃいます。 その他の方法としては、プレーヤー埋め込みサービスを利用するとか。 例えば、 http://web-marketing.zako.org/web-tools/how-to-embed-mp3-audio-files-in-web-pages.html など。
その他の回答 (5)
- torayoshi
- ベストアンサー率62% (910/1449)
続けてtorayoshiです。 複数設置のサンプルです。 http://www16.plala.or.jp/zaq_501/sample.html それと少し気になる点が。 ファイル名に半角スペースが入ってるものがありますが、 (05 20ryokouv01.mp3など) これは環境によっては正しく読み込めないブラウザもあるかも知れません。 なるべくなら「05_20ryokouv01.mp3」や「05-20ryokouv01.mp3」のように、 スペースを入れないファイル名にした方が良いと思います。
お礼
何度も回答を有難うございました。こちらとしては殆ど経験の無かったソースの書き換えなど貴重な体験となりました。 今後の勉強はよりシンプルな音声ファイルの発見だろうと思います。 今日気づいたのですが、メールに音声ファイルを添付して送ると、ＭＳＮＨＯＴＭＡＩＬで受信した場合下記のような便利な形＝ほぼ私が理想と思っているような形で受信できます。 ご存知かと思いますが、要約しますと、受信したｍｐ３ファイルに再生プレーヤーがシンプルな形で付いています。「再生、停止、ミュート、ボリューム」で、横４ｃｍ、縦１ｃｍくらいです。それに横一直線に再生量（時間）を示すバー（縦0.5ｃｍくらい）が有ります。まあこれはほぼ不要と思いますが、４ｃｍのプレーヤーは魅力です。音声ファイルが複数あれば全部についています。 もしこの部分が抽出できれば、ＨＰでずいぶん役立つのではと思います。 私が最も理想と思える「ＨＰでの音声解説表示」は「ボタンがあり、ボタンをクリックすれば４ｃｍ程度のプレーヤーが現れ再生を始める」 準理想はｈｏｔｍａｉｌのように、ファイルに付属して小さいプレーヤーがある」です。 ｔｏｒａｙｏｓｈｉさんからご教授いただいたのも形態的には似ていますが、作成時にもっと簡単に出来る方法がありましたらまたご教授いただければありがたいです。 今回はこれでひとまずとさせていただきます。 どうも長々とお世話になりました。
- torayoshi
- ベストアンサー率62% (910/1449)
torayoshiです。 複数個所に複数設置可能です。 それぞれの音声ファイルのURLだけ変えてやれば良いのです。 (複数設置の数だけ<object>～</object>を書く必要があります)
- torayoshi
- ベストアンサー率62% (910/1449)
torayoshiです。 根本的に間違ってます。 まず、プレーヤータグの<object>～</object>は<body>～</body>間に書いてください。 <head>～</head>間では作動しません。 player.swfにリンクさせてはいけません。 GOM Playerをアップしてもサイト上では作動しませんから意味がありません。 それから実験用音声ファイルの「05ryolouv01.mp3」が "http://homepage3.nifty.com/ja4dob/dob/05ryolouv01.mp3"に存在しないみたいなので、 「05ryolouv01.mp3」では検証出来ませんでした。 kuroneko14さんのサイトを元にサンプルページを作りました。 使った音源は「example1.mp3」です。 http://www16.plala.or.jp/zaq_501/sample.html ソースを見て参考にしてください。
お礼
再度有難うございました。 一つ妙なトラブルがありまして、「説明音声（ＳＰ１で聴けます、マ、寝つきが悪くなるようなきたない声ですが）は入らないが他のｍｐ３（懐メロ）は入る」というものですが、その問題はサテオキとします。 おかげさまでご指摘の点はよく分からないままにうまく行きました。 一つ疑問が生じました。 このページ内には他にもたくさん音声解説を付けたい写真が有るのですが、この方法では一箇所しか解説（説明）が付かないのではないでしょうか？ 度々で済みませんがご支持をお願いします。 http://homepage3.nifty.com/ja4dob/dob/05ryokou01.htm
- torayoshi
- ベストアンサー率62% (910/1449)
#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」だけです。 後は説明サイトを参考にカスタマイズも自由です。 一度試してみてください。
お礼
torayoshiさま http://homepage3.nifty.com/ja4dob/dob/05ryokou01.htm どうもたびたびすみません。まだＨＰを始めて数ヶ月でごく初歩的なことで間違っているのだろうと思っていますが、どうもうまく行きません。ＧＯＭプレーヤーもＵＰしたのですが、実験用音声ファイル（05ryolouv01)をそれで再生するのが分かりません。ソースの書き方が間違っているのかも知れません。 済みませんが再度ご教授お願いします。ページの２個のＳＰで苦闘しています。
- MRT1452
- ベストアンサー率42% (1391/3293)
貴方の探している物とは違うかもしれませんが、 http://japan.internet.com/webtech/20010801/9.html 上記のURLで紹介されている様なアプレットを使うとか、動画サイトを利用するとか。 そういったHP自身にプレイヤを埋め込むと言う方法くらいなものかと。 まぁ、サイトのスペースがそういった事に対応していればの話ですが。 対応していないのであれば、根本的にどうしようも無いかと。
お礼
そーですねえ、操作的には簡単で、たとえばｗｉｎｄｏｗｓなら画面を「最小表示」にするだけのことですが、受信者側でせねばならないし。。。全員が持っているようなプレーヤーでないとじつようてきでないし。。。 たとえば「仮称画なし音」というプログラムがあって、「これはｗｉｎｄｏｗｓ他のｍｅｄｉａｐｌａｙｅｒを呼び出すが、すぐ最小画面にして、ｍｐ３を動かす」なーんてプログラムがないと駄目ですかね？
補足
皆さんから各種の情報をいただき感謝しております。 しかし簡便さの点からすると、今一歩より簡単な方法は無いものかと、思っています。 たとえばMSNのHOtmail受信ボックスでは、音声添付ファイルがあると自動的に簡単な再生ソフトが付いていて、再生できるようです。 なにかそうのような簡便な方法がありましたら引き続き情報をいただければと思います。
お礼
http://homepage3.nifty.com/ja4dob/dob/05ryokou01.htm ありがとうございます。ご提案の３、Yahoo! Media.Playerで苦闘しております。なにしろ知識貧弱ですので（下手な笑い） 上記のページ、一番上の右、スピーカーボタンで実験中です。英語で「お前、もっと勉強しろ(Learn more)」とお叱りを受けながらやっております。あまりお手間をかけてもいけませんが、もしお暇があれば更にご教授いただければありがたいです。