# ドレミ・・・のサウンドファイルを読み込み

この左画面を左クリックすれば以下の赤字のスクリプト全部がクリップボードにコピーされるので、右の画面の赤い矢印の右側に貼り付けてください。

    <audio id="audioDo1" preload="auto">
    	<source src="./sounds/do1.ogg" />
    	<source src="./sounds/do1.mp3" />
    </audio>
    <audio id="audioRe1" preload="auto">
    	<source src="./sounds/re1.ogg" />
    	<source src="./sounds/re1.mp3" />
    </audio>
    <audio id="audioMi1" preload="auto">
    	<source src="./sounds/mi1.ogg" />
    	<source src="./sounds/mi1.mp3" />
    </audio>
    <audio id="audioFa1" preload="auto">
    	<source src="./sounds/fa1.ogg" />
    	<source src="./sounds/fa1.mp3" />
    </audio>
    <audio id="audioSo1" preload="auto">
    	<source src="./sounds/so1.ogg" />
    	<source src="./sounds/so1.mp3" />
    </audio>
    <audio id="audioRa1" preload="auto">
    	<source src="./sounds/ra1.ogg" />
    	<source src="./sounds/ra1.mp3" />
    </audio>
    <audio id="audioSi1" preload="auto">
    	<source src="./sounds/si1.ogg" />
    	<source src="./sounds/si1.mp3" />
    </audio>
    <audio id="audioDo2" preload="auto">
    	<source src="./sounds/do2.ogg" />
    	<source src="./sounds/do2.mp3" />
    </audio>
    <audio id="audioRe2" preload="auto">
    	<source src="./sounds/re2.ogg" />
    	<source src="./sounds/re2.mp3" />
    </audio>
    <audio id="audioMi2" preload="auto">
    	<source src="./sounds/mi2.ogg" />
    	<source src="./sounds/mi2.mp3" />
    </audio>

audioタグで、id名を付けて、サウンドファイルを読み込みました。
ogg形式のサウンドが扱えないブラウザならmp3形式のサウンドを再生するようにしました。
これらがハンドベルのサウンドデータなんですね。
ドレミファソラシドレミの10音があるんですね。

### 次へ