kuu · February 19, 2014 04:12
diff --git a/wa3 b/wa3
 <!DOCTYPE html>
 <html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=yes" />
  </head>
  <body>
    <button id="loadBGMBtn">Load BGM in 2sec</button>
    <button id="playBGMBtn">Play BGM in 2sec</button>
    <div id="Message"></div>
    <script>
      document.addEventListener("DOMContentLoaded", function() {
        var tLoadBGMButton = document.getElementById('loadBGMBtn');
        var tPlayBGMButton = document.getElementById('playBGMBtn');
        var tMessage = document.getElementById('Message');

        var AudioContext = window.AudioContext || window.webkitAudioContext;
        if (!AudioContext) {
          tMessage.innerHTML = 'Web Audio API is not supported.';
          return;
        }
        var tContext = new AudioContext();
        var tBGMBuffer;
        var tBGM;
 
        // Load BGM.
        tLoadBGMButton.addEventListener('click', function () {
          setTimeout(function () {
            var tXHR = new XMLHttpRequest();
            tXHR.open('GET', 'bgm.mp3');
            tXHR.responseType = 'arraybuffer';
 
            tXHR.onreadystatechange = function() {
              if (tXHR.readyState === 4 && tXHR.status === 200) {
                tContext.decodeAudioData(
                  tXHR.response,
                  function (pAudioBuffer) {
                    tMessage.innerHTML += 'BGM loaded.';
                    tBGMBuffer = pAudioBuffer;
                  },
                  function () {
                    tMessage.innerHTML += 'Failed to load BGM.';
                  }
                );
              }
            };
            tXHR.send();
          }, 2000);
        }, false);

        // Play BGM
        tPlayBGMButton.addEventListener('click', function (e) {
          setTimeout(function () {
            if (tBGM) {
              tBGM.disconnect();
            }
            tBGM = tContext.createBufferSource();
            tBGM.buffer = tBGMBuffer;
            tBGM.connect(tContext.destination);
            if (tBGM.start) {
              tBGM.start(0, 5.5);
            } else {
              tBGM.noteGrainOn(0, 5.5, tBGMBuffer.duration);
            }
          }, 2000);
        }, false);
 
      }, false);
    </script>
  </body>
  </html>
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=yes" />
	</head>
	<body>
	<button id="loadBGMBtn">Load BGM in 2sec</button>
	<button id="playBGMBtn">Play BGM in 2sec</button>
	<div id="Message"></div>
	<script>
	document.addEventListener("DOMContentLoaded", function() {
	var tLoadBGMButton = document.getElementById('loadBGMBtn');
	var tPlayBGMButton = document.getElementById('playBGMBtn');
	var tMessage = document.getElementById('Message');

	var AudioContext = window.AudioContext \|\| window.webkitAudioContext;
	if (!AudioContext) {
	tMessage.innerHTML = 'Web Audio API is not supported.';
	return;
	}
	var tContext = new AudioContext();
	var tBGMBuffer;
	var tBGM;

	// Load BGM.
	tLoadBGMButton.addEventListener('click', function () {
	setTimeout(function () {
	var tXHR = new XMLHttpRequest();
	tXHR.open('GET', 'bgm.mp3');
	tXHR.responseType = 'arraybuffer';

	tXHR.onreadystatechange = function() {
	if (tXHR.readyState === 4 && tXHR.status === 200) {
	tContext.decodeAudioData(
	tXHR.response,
	function (pAudioBuffer) {
	tMessage.innerHTML += 'BGM loaded.';
	tBGMBuffer = pAudioBuffer;
	},
	function () {
	tMessage.innerHTML += 'Failed to load BGM.';
	}
	);
	}
	};
	tXHR.send();
	}, 2000);
	}, false);

	// Play BGM
	tPlayBGMButton.addEventListener('click', function (e) {
	setTimeout(function () {
	if (tBGM) {
	tBGM.disconnect();
	}
	tBGM = tContext.createBufferSource();
	tBGM.buffer = tBGMBuffer;
	tBGM.connect(tContext.destination);
	if (tBGM.start) {
	tBGM.start(0, 5.5);
	} else {
	tBGM.noteGrainOn(0, 5.5, tBGMBuffer.duration);
	}
	}, 2000);
	}, false);

	}, false);
	</script>
	</body>
	</html>