ホームページの作り方

質問

ホームページビルダーでホームページを作っているのですが、語学の教材で、文をクリックするとその音声が出るものを作りたいのです。どのような作り方をしたらいいのでしょうか。録音した音声ファイルをリンクで挿入させるのでしょうか。容量がかなり大きくなってしまうので、なるべく容量が少ないものを作りたいのですか。またクリックしたときにプレーヤーの絵が出ないようにすることはできますか。

回答No.2

sksu003nh

一番簡単なのは音声ファイルとHTMLファイルをサーバーにアップロードしてHTMLにその音声ファイルのリンク（「a」タグ）を記述して使用者にダウンロード（あるいは直接再生ソフトを起動）してもらう方法です．
　ただ，これだと毎回音声再生ソフト（Windows Media Playerなど）を起動させて聴く必要があります．
　とはいえ，これが一番一般的でスマートな方法だと思います．

　一方，他にソフトを用意することでもう少し見映えのいい再生方法を選択することもできます．
　これらに関しては私自身やったことがないので一部推測を含みます．
　現在最も普及しているのはFlashです．今ではブラウザゲームなどに使われることもあるソフトです．
　動画の配信によく使われていて，その例としては「YouTube」や「ニコニコ動画」，「バンダイチャンネル」などが挙げられます．同じ仕組みで音声の配信もできます．
　しかし，作成ソフトが高価で資金のあるクリエイターや企業でないとコストが大きな負担になります．
　配信の仕組みも自分で設計する必要があるはずですので手間は尋常ではないでしょう．

　つまるところ最初に紹介した方法が一番手間がかからず簡単なのですが，最新のHTML5対応ブラウザで可能な方法も紹介します．
　それはHTML5で追加されたタグの「audio」を使う方法です．「文をクリックして」には対応しないのですが，小さな埋め込みプレーヤーを使ってブラウザだけで再生できます．
　詳細は「HTML タグ audio」などで検索していただいた方がいいのですが，ブラウザによって再生可能な音声形式が違うようなので，使用者に閲覧環境を指定しないといけないかもしれません．
　後数年すればどんな環境でも閲覧できる状況になると思うのですが，現時点ではあまり推奨はできないかもしれません．

　最後に音声ファイルの容量ですが，回答No.1の方のおっしゃるとおりモノラルにしたほうが半分になりますし，圧縮の形式を考えることでより小さなファイルにできます．
　具体的には，WAVよりもMP3，MP3よりもOGGといったところです．それぞれ後者の方が低容量でほぼ同じ品質になります．
　といっても，閲覧者の環境で再生できないと意味がありませんので，それも勘案して形式を選択することになるでしょう．

補足

sksu003nh様

丁寧なお答えをありがとうございました。というものの、知識の乏しい私がはたしてちゃんと理解しているかは疑問ですが。でも、前にやってみた方法が、どうやらお答えの一番初めに書かれたもののようで、やはり私の力ではこれしか方法がないようだということもわかりました。
知識がないということで、重ねてお聞きしたいことがあります。
(1)どんな環境でも再生できるという点で、音声ファイルの形式は、何が一番いいのでしょうか。ＭＰ３ですか。また、スマートフォンやタブレットでも再生できるのでしょうか。
(2)モノラルにするにはどうすればいいのですか。後で変換するのですか。それとも録音するときにモノラルにする方法はありますか。後でいちいち変換するのは大変なので。
よろしくお願いします。