第10回ホームページ勉強会

8日目 2018年12月13日実施

講師 : 三宅 節雄



 今回の勉強会は皆さんのホームページにBGMを鳴らしてみましょう。

1.事前準備

  鳴らしたい音楽を
mp3形式でダウンロードし、My-HPの中に入れておいて
  下さい。


2.midi音源をmp3に変換する

  今まで使ってきた
mid音源の曲をこれからも使いたい場合やmp3の曲でも
  
1MBを超えるサイズを小さくしたい場合には、フリーソフトである
  『WavePad』
mp3の小さいサイズに変換できます。

  WavePadのインストールはここから実施します。

  一連の作業の詳細はここからダウンロード願います。


3.ホームページにBGMを挿入する


 
 BGMを流すためにhtmlファイルにはbgm_button.jsというJAVAスクリプトを
  使う方法とembedという命令を使う方法が多く採用されていましたが、

  『今までのインターネットエクスプローラー(IE)』では音を鳴らせましたが、

  
『Windows10に付属のEdge』や『Chrmo』等では音が鳴りません。

  第9回の勉強会の資料調査の段階で
audioという命令を見つけました。
  
audioという命令はIE、Edge、Chromo、Safariでも音が鳴らせます。

  ここから挿入方法をダウンロードします。


4.BGMを挿入した作成事例

  作成事例はここをクリックします。

資料改定 : 三宅