kramann.info
© Guido Kramann

Login: Passwort:










2.4.2 Hörtest-Anwendung in Javascript - Schalter

2.4.2 Listening test application in Javascript - switch (EN google-translate)

2.4.2 Słuchanie aplikacji testowej w JavaScript - przełącznik (PL google-translate)

Nun wird ein Schalter ergänzt, der zum Ein- und Ausschalten der Anwendung dienen soll. Beim ersten Betätigen soll auch ein Audiokanal erzeugt werden, an den die Samplewerte der Sinusschwingung geschickt werden.

Now a switch is added, which is to be used for switching the application on and off. When first pressed, an audio channel is also to be generated to which the sample values ​​of the Sine wave to be sent.

Teraz dodano przełącznik, który ma być używany do włączania i wyłączania aplikacji. Po pierwszym naciśnięciu należy również wygenerować kanał audio, do którego będą miały przykładowe wartości Fala sinusoidalna do wysłania.


<!DOCTYPE html>
<html>
    <head lang="de">
        <meta charset="iso-8859-1">
         <script language:javascript>
            var frequenz = 440;
            var amplitude = 0;

            var zustand = -1; //-1: vor erstem Start, 1: nach erstem Start, 0: nach erstem Stop.

            function setzeFrequenz()
            {
                frequenz = document.getElementById("input_frequenz").value;
                document.getElementById("wert_frequenz").innerHTML = frequenz;
            }
            function setzeAmplitude()
            {
                amplitude = document.getElementById("input_amplitude").value;
                document.getElementById("wert_amplitude").innerHTML = amplitude;
            }

            function startstop()
            {
                if(zustand==-1)
                {
                    document.getElementById("startstop").value = "AN";
                    document.getElementById("startstop").style.backgroundColor = "#00FF00";
                    zustand = 1;
                }
                else if(zustand==1)
                {
                    document.getElementById("startstop").value = "AUS";
                    document.getElementById("startstop").style.backgroundColor = "#FF0000";
                    zustand = 0;
                }
                else //if(zustand==0)
                {
                    document.getElementById("startstop").value = "AN";
                    document.getElementById("startstop").style.backgroundColor = "#00FF00";
                    zustand = 1;
                }
            }

        </script>
    </head>
    <body>
        <fieldset>
            <p>
                <label>Frequenz: 
                    <input style="width:400px;" id="input_frequenz"  type="range" min="1" max="20000" value="440" onmousemove="javascript:setzeFrequenz()" />
                <span id="wert_frequenz">440</span>Hz</label>
            </p>
            <br/>
            <p>
                <label>Amplitude: 
                    <input style="width:400px;" id="input_amplitude"  type="range" min="0" max="1000" value="0" onmousemove="javascript:setzeAmplitude()" />
                <span id="wert_amplitude">0</span></label>
            </p>
            <p>
                <input id="startstop" type="button" value="AUS" style="background-color: #FF0000" onclick="javascript:startstop()"/>
            </p>
        </fieldset>
    </body>
</html>

Code 2.4.2-1: Quelltext.