The Simple Web (Copy 14612)
✨ นายนนทพัทธ์ จิ๋วน๊อต
<style> body{ background: linear-gradient(0.25turn,rgb(191, 255, 240), #ebf8e1, rgb(240, 255, 194)); place-items: center; text-align: center; } button{ margin-top: 15px; color: aqua; background: gray; padding: 15px; border-radius: 10px; cursor: pointer; } </style> <div> <button onclick="osci.start()">Click to Start</button><br> <button onclick="gain.gain.value = 1">Check</button> <button onclick="gain.gain.value = 0">Stop</button><br> <p>Change Frequency</p> <input type="range" min="20" max="300" value="50" oninput="frequency1(this.value)"> <p>Change Volume</p> <input type="range" min="0" max="100" value="10" oninput="volume(this.value)"><br> <!-- <p> wave type: </p> --> </div> <!-- <input type="radio" name="wave" onselect="wavefunc(this.value)">Sine<br> <input type="radio" name="wave" onselect="wavefunc(this.value)">Square<br> <input type="radio" name="wave" onselect="wavefunc(this.value)">Triangle<br> <input type="radio" name="wave" onselect="wavefunc(this.value)">Sawtooth<br> <input type="submit"> --> <script> let isStart = 0; audio = new (window.AudioContext || window.webkitAudioContext)() osci = audio.createOscillator() gain = audio.createGain() osci.connect(gain) gain.connect(audio.destination) function frequency1(num){ num = parseInt(num) console.log(num) osci.frequency.value = num } function volume(num){ num = parseInt(num) num = num/100 gain.gain.value = num } </script>