Click here for free DL of the app version that can save data.

No:20287

154

←

Prev Next

→

Make a voice recorder and make sure they can recor..ALL
Developer User8878｜Date and time 23/10/9 4:10:04
Build time 13.299 sec｜Game capacity 3.296KB｜

Script

Certainly! Here's an example of an HTML file that contains a simple voice recorder game using JavaScript:

Voice Recorder Game

Press the record button to record your voice:

Adjust Pitch:

This HTML file sets up a simple voice recorder game. When the user presses the "Record" button, their voice will be recorded. Once they stop recording by pressing the "Stop" button, the recorded voice can be played back using the "Play" button. The pitch of the playback can be adjusted using the provided slider. Note that for this code to work, the browser being used must support the MediaRecorder API for recording audio.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

Click here for free DL of the app version that can save data.

Certainly! Here's an example of an HTML file that contains a simple voice recorder game using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Voice Recorder Game</title>
</head>
<body>
    <div id="gameArea">
        <h1>Voice Recorder Game</h1>
        <p>Press the record button to record your voice:</p>
        <button id="recordBtn">Record</button>
        <button id="stopBtn">Stop</button>
        <p id="status"></p>
        <p>Adjust Pitch:</p>
        <input id="pitchSlider" type="range" min="0" max="2" step="0.1" value="1" />
        <button id="playBtn">Play</button>
    </div>
    <script>
        var chunks = [];
        var mediaRecorder;
        var audioBlob;
        var pitchSlider = document.getElementById("pitchSlider");
        var playBtn = document.getElementById("playBtn");

// Initialize the media recorder
        navigator.mediaDevices.getUserMedia({ audio: true })
            .then(function (stream) {
                mediaRecorder = new MediaRecorder(stream);
                mediaRecorder.ondataavailable = function (e) {
                    chunks.push(e.data);
                };
                mediaRecorder.onstop = function () {
                    audioBlob = new Blob(chunks, { 'type': 'audio/ogg; codecs=opus' });
                    playBtn.disabled = false;
                };
            })
            .catch(function (err) {
                console.log('Error: ' + err);
            });

// Event listeners for buttons
        document.getElementById("recordBtn").addEventListener("click", function () {
            chunks = [];
            if (mediaRecorder.state === "inactive") {
                mediaRecorder.start();
                document.getElementById("status").textContent = "Recording...";
            }
        });

document.getElementById("stopBtn").addEventListener("click", function () {
            if (mediaRecorder.state === "recording") {
                mediaRecorder.stop();
                document.getElementById("status").textContent = "";
            }
        });

// Event listener for pitch adjustment
        pitchSlider.addEventListener("input", function () {
            var playbackRateLabel = document.getElementById("playbackRateLabel");
            playbackRateLabel.textContent = pitchSlider.value;
        });
    </script>
</body>
</html>
```

Note that for this code to work, the browser being used must support the MediaRecorder API for recording audio.