Playing Audio Using Keystrokes: Is It Possible?

Question

Playing Audio Using Keystrokes: Is It Possible?

Annabelle Baradine 0

I'm not sure if these are the right tags for this request, but I'm wondering, how would I make an app that plays audio files using the keys on the number pad? Specifically, I want to make an app that triggers "Rotary

Pulse 1" by pressing 1 on the numeric keypad, all the way up to "Rotary Pulse 0" on the 0 key. A dial tone will be toggled on by pressing the spacebar or Enter key, which will begin with a "receiver pickup" noise. The dial tone turns off when digits are dialed via the numeric keypad. If you press the spacebar either when the dial tone is on, or after dialing a number, a "Receiver Hang Up" noise will be triggered. With the rotary dial sounds, the dial turning to the

fingerhole is triggered at key down, and the release of the dial returning to the resting position will be triggered by releasing of the number corresponding to the fingerhole (1, 2, 3, 4, 5, 6, 7, 8, 9, 0). This will be accompanied by the internal sound of the dial pulses as heard in a telephone. What is the

code I would use to make this audio app using HTML? Or should I use a different coding language? As I'm a sight challenged woman who is a beginner at programming, I'm not sure where to start.

Castorix31 91,191 Reputation points

2025-08-24T08:59:10.4766667+00:00

I asked to ChatGPT what are "Rotary Pulse" sounds and it said me they don't exist and are custom labels...

Otherwise, you can generate sounds with WaveOut, Midi, libraries like NAudio, ...

(https://free.blessedness.top/en-us/archive/msdn-magazine/2010/february/sound-generation-in-wpf-applications)

(and you added "Small BASIC" Tag; I don't think it is suitable...)

2 answers

Your answer

Castorix31 91,191 Reputation points

2025-08-24T08:59:10.4766667+00:00

I asked to ChatGPT what are "Rotary Pulse" sounds and it said me they don't exist and are custom labels...

Otherwise, you can generate sounds with WaveOut, Midi, libraries like NAudio, ...

(https://free.blessedness.top/en-us/archive/msdn-magazine/2010/february/sound-generation-in-wpf-applications)

(and you added "Small BASIC" Tag; I don't think it is suitable...)

Answer 1

Danny Nguyen (WICLOUD CORPORATION) 3,500 Microsoft External Staff

Hi,

This request is quite broad for a single Q&A, since it involves both designing the app (key handling, audio playback, state management) and writing all the implementation code. A few pointers to help you get started:

For a web-based version (HTML/JavaScript):
- See MDN Web Docs: Using the Web Audio API – it explains how to load and play audio files in response to user actions.
- For capturing keystrokes, refer to MDN: Document: keydown event.
For a desktop app (e.g., Python, C#, Java):
- Each language has libraries to capture key events and play audio (e.g., pygame in Python, System.Media.SoundPlayer in C#).

Since you’re just starting out, a practical first step would be to choose one platform (web or desktop) and try a very small example:

Play one audio file on a single key press.
Extend to multiple keys and multiple sounds.
Add the “toggle” logic for dial tone and hang-up.

If you’d like to stick with the web and HTML/JS, I’d recommend starting with the Web Audio API tutorial.

Hope this helps.

Annabelle Baradine 0 Reputation points

2025-09-12T11:05:00.78+00:00

Can HTML make desktop apps?
Danny Nguyen (WICLOUD CORPORATION) 3,500 Reputation points Microsoft External Staff

2025-09-15T03:48:18.4333333+00:00
Hi, thanks for reach out.

HTML alone can’t run as a native desktop app — it needs a runtime or framework to host it.

A good option on Windows is WinUI 3 with WebView2 (Microsoft Edge):

You can embed HTML/JS inside a .NET desktop app (WPF, WinForms, WinUI).

Your app’s UI is built with web technologies, but runs as a native Windows executable.

Getting started docs:

WinUI 3 overview

WebView2 in WinUI3

WebView2 guide
Danny Nguyen (WICLOUD CORPORATION) 3,500 Reputation points Microsoft External Staff

2025-09-18T10:24:48.9233333+00:00

Hi there, do you still need any help? Please reach out if so
Danny Nguyen (WICLOUD CORPORATION) 3,500 Reputation points Microsoft External Staff

2025-09-25T10:34:47.11+00:00

Just checking in — I haven’t heard back from you for a while,

I hope everything works out as you expected. I understand things can get busy or priorities may shift. If you’re still experiencing the issue or need further support, feel free to jump back in at any time — I will always be here and happy to help.

Wishing you all the best with your work!

Annabelle Baradine 0

Here's what I have in HTML for an example of an audio app. I want to find out how I can convert this to be an app that works on the desktop in all operating systems.

<!DOCTYPE HTML>

<HTML>

<HEAD>

	<meta name="GENERATOR" content="Microsoft&reg; HTML Help Workshop 4.1">

	<Title>Virtual Phone</Title>

	<style>

		dialog.bdrp::backdrop {

		  background: repeating-linear-gradient(

			60deg,

			rgba(0, 0, 0, 0.2),

			rgba(0, 0, 0, 0.2) 1px,

			rgba(0, 0, 0, 0.3) 1px,

			rgba(0, 0, 0, 0.3) 20px

		  );

		  backdrop-filter: blur(1px);

		}

	

		.bcgrnd {

			position: fixed; /* Stay in place */

			z-index: 1; /* Sit on top */

			left: 0;

			top: 0;

			width: 100%; /* Full width */

			height: 100%; /* Full height */

			overflow: auto; /* Enable scroll if needed */

			background-color: rgb(0,0,0); /* Fallback color */

			background-color: rgba(0,0,0,0.4); /* Black w/ opacity */

		}

		

		.modal-content {

			position: absolute;

			top: 50%;

			left: 50%;

			transform: translate(-50%, -50%);

			width: 50%; /* Full width */

			background-color: #fefefe;

			margin: auto;

			padding: 0;

			border: 1px solid #888;

			box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);

		}

		.modal-header {

			padding: 2px 16px;

			background-color: #000;

			color: #FFF;

		}

		.close {

			color: #FFF;

			float: right;

			font-size: 28px;

			font-weight: bold;

			cursor: pointer;

		}

		.modal-body {

			padding: 16px;

		}

		

		button#enableAutoplay {

			display: block;

			width: 40%;

			margin: 0 auto;

		}

	</style>

</HEAD>

<BODY>

	<dialog class="bcgrnd animate" id="background" open>

	  <div class="modal-content">

		<div class="modal-header">

		   <h4>WARNING</h4>

		</div>

		<div class="modal-body">

		  <form method="dialog">

			<p>

				This application requires autoplay to be enabled in order for some of the features

				to work properly. By clicking 'Accept', you are hereby granting this application and this

				application alone the ability to use autoplay.

			</p>

			<button class="" onclick="start()" id="enableAutoplay">ACCEPT</button>

		  </form>               

		</div>

	  </div>

	</dialog>

	<div id="switchDiv" role="switch" aria-labelledby="id-label">

	  <label for="Hookswitch Status">

	  <button type="button"

			  role="switch"

			  id="hookswitchStatus">Hookswitch Status:</button>

		<span class="hookStatus on">

		</span>

	  </label>

	</div>

	<audio loop id="dialTone" type="audio/mpeg" src="Call%20Progress%20Tones/Dial%20Tone/USA%20Dial%20Tone.mp3"></audio>

	<audio loop id="busyTone" type="audio/mpeg" src="Call%20Progress%20Tones/Busy%20Tone/USA%20Busy%20Tone.mp3"></audio>

	<audio loop id="RingbackTone" type="audio/mpeg" src="Call%20Progress%20Tones/Ringback%20Tone/USA%20Ringback%20Tone.mp3"></audio>

	<audio loop id="TimeoutHowler" type="audio/mpeg" src="Call%20Progress%20Tones/Receiver%20Off%20Hook%20Tone/USA%20Receiver%20Off%20Hook%20Tone.mp3"></audio>

	<audio loop id="RingingTone" type="audio/mpeg" src="Call%20Progress%20Tones/Ringing%20Tone/Princess%20702B%20Bell%20Ring.mp3"></audio>

	<audio loop id="DTMFToneDial1" type="audio/mpeg" src="DTMF%20Tone%20Dials/DTMF%20Tone%20Dial%201.mp3"></audio>

	<audio loop id="DTMFToneDial2" type="audio/mpeg" src="DTMF%20Tone%20Dials/DTMF%20Tone%20Dial%202.mp3"></audio>

	<audio loop id="DTMFToneDial3" type="audio/mpeg" src="DTMF%20Tone%20Dials/DTMF%20Tone%20Dial%203.mp3"></audio>

	<audio loop id="DTMFToneDial4" type="audio/mpeg" src="DTMF%20Tone%20Dials/DTMF%20Tone%20Dial%204.mp3"></audio>

	<audio loop id="DTMFToneDial5" type="audio/mpeg" src="DTMF%20Tone%20Dials/DTMF%20Tone%20Dial%205.mp3"></audio>

	<audio loop id="DTMFToneDial6" type="audio/mpeg" src="DTMF%20Tone%20Dials/DTMF%20Tone%20Dial%206.mp3"></audio>

	<audio loop id="DTMFToneDial7" type="audio/mpeg" src="DTMF%20Tone%20Dials/DTMF%20Tone%20Dial%207.mp3"></audio>

	<audio loop id="DTMFToneDial8" type="audio/mpeg" src="DTMF%20Tone%20Dials/DTMF%20Tone%20Dial%208.mp3"></audio>

	<audio loop id="DTMFToneDial9" type="audio/mpeg" src="DTMF%20Tone%20Dials/DTMF%20Tone%20Dial%209.mp3"></audio>

	<audio loop id="DTMFToneDialStar" type="audio/mpeg" src="DTMF%20Tone%20Dials/DTMF%20Tone%20Dial%20Star.mp3"></audio>

	<audio loop id="DTMFToneDial0" type="audio/mpeg" src="DTMF%20Tone%20Dials/DTMF%20Tone%20Dial%200.mp3"></audio>

	<audio loop id="DTMFToneDialPound" type="audio/mpeg" src="DTMF%20Tone%20Dials/DTMF%20Tone%20Dial%20Pound.mp3"></audio>

	<audio loop id="OneSlotUSAPayphoneNickelTone" type="audio/mpeg" src="Payphone%20Coin%20Tones/One-Slot%20Payphone/USA%20Payphone%20Nickel%20Tone.mp3"></audio>

	<audio loop id="OneSlotUSAPayphoneDimeTone" type="audio/mpeg" src="Payphone%20Coin%20Tones/One-Slot%20Payphone/USA%20Payphone%20Dime%20Tone.mp3"></audio>

	<audio loop id="OneSlotUSAPayphoneQuarterTone" type="audio/mpeg" src="Payphone%20Coin%20Tones/One-Slot%20Payphone/USA%20Payphone%20Quarter%20Tone.mp3"></audio>

	<audio loop id="OneSlotUSAPayphoneHalfDollarTone" type="audio/mpeg" src="Payphone%20Coin%20Tones/One-Slot%20Payphone/USA%20Payphone%20Half%20Dollar%20Tone.mp3"></audio>

	<audio loop id="OneSlotUSAPayphoneDollarTone" type="audio/mpeg" src="Payphone%20Coin%20Tones/One-Slot%20Payphone/USA%20Payphone%20Dollar%20Tone.mp3"></audio>

	<p>Click the buttons or press keyboard shortcuts to hear sounds</p>

	<div id="DTMF" style="display: block;">

		<center><p class="TONETYPE">DTMF DIALING TONES</p></center>

		<button type="button" id="DTMF1">1</button>

		<button type="button" id="DTMF2">2</button>

		<button type="button" id="DTMF3">3</button>

		<button type="button" id="DTMF4">4</button>

		<button type="button" id="DTMF5">5</button>

		<button type="button" id="DTMF6">6</button>

		<button type="button" id="DTMF7">7</button>

		<button type="button" id="DTMF8">8</button>

		<button type="button" id="DTMF9">9</button>

		<button type="button" id="DTMFStar">Star</button>

		<button type="button" id="DTMF0">0</button>

		<button type="button" id="DTMFPound">Pound</button>

	</div>

	<div id="ACTS" style="display: block;">

		<center><p class="TONETYPE">1-SLOT COIN DEPOSIT SOUNDS</p></center>

		<button type="button" id="ACTS5">$0.05</button>

		<button type="button" id="ACTS10">$0.10</button>

		<button type="button" id="ACTS25">$0.25</button>

		<button type="button" id="ACTS50">$0.50</button>

		<button type="button" id="ACTS100">$1.00</button>

	</div>

	<script>

		var hasTelephoneBeenAnswered=false;

		var number="";

		var timeout="";

		var timesRung=0;			

		var isOffHook=false;

		var callIncoming=false;

		var allowDial = true;

		

		var Ringback=new Audio('Call%20Progress%20Tones/Ringback%20Tones/USA%20Ringback%20Tone.mp3');

		var dialTone=new Audio('Call%20Progress%20Tones/Dial%20Tone/USA%20Dial%20Tone.mp3');

		var ringingTone=new Audio('Call%20Progress%20Tones/Ringing%20Tone/Princess%20702B%20Bell%20Ring.mp3');

		var ringRing=new Audio('Call%20Progress%20Tones/Ringing%20Tone/Princess%20702B%20Bell%20Ring.mp3');

		

		var availableNumbers=["0","611","711","811","911","*67 + 1 (847) 765-1008","1 (847) 765-1008","867-5309",

								"1 (212) 456-1414","555-1212","555-5555","748-0900","650-0050","650-8950",

								"970-3920","1 (714) 733-9969","*57","*69"];

		

		function start(){				

			var hookSwitch = document.querySelector('button.hookSwitch');

			var hookswitchStatus = document.querySelector('span.hookStatus');

			hookswitchStatus.addEventListener("click", function(){

				if ( hookswitchStatus.classlist.contains('off') ){

					//remove 'off' class

					hookswitchStatus.classlist.remove('off');  

					//add 'on' class

					hookswitchStatus.classlist.add('on');

					//change span text

					hookswitchStatus.textContent = "Off Hook";  

				}

				else {

					if ( hookStatus.classlist.contains('on') ){

						//remove 'on' class

						hookStatus.classlist.remove('on');  

						//add 'off' class

						hookStatus.classlist.add('off');

						//change span text

						hookStatus.textContent = "Off Hook";

					}

				}

			});

			

			

			Ringback.play();

			document.onkeydown = function (event) {

				switch (event.keycode) {

					case 13:

						button.addEventListener('click', function() {

									toggleLineStatus();

						})

						break;

					case 49,97:

						button.addEventListener('click', function() {

									dial1();

						})

						break;

					case 50,98:

						button.addEventListener('click', function() {

									dial2();

						})

						break;

					case 51,99:

						button.addEventListener('click', function() {

									dial3();

						})

						break;

					case 52,100:

						button.addEventListener('click', function() {

									dial4();

						})

						break;

					case 53,101:

						button.addEventListener('click', function() {

									dial5();

						})

						break;

					case 54,102:

						button.addEventListener('click', function() {

									dial6();

						})

						break;

					case 55,103:

						button.addEventListener('click', function() {

									dial7();

						})

						break;

					case 56,104:

						button.addEventListener('click', function() {

									dial8();

						})

						break;

					case 57,105:

						button.addEventListener('click', function() {

									dial9();

						})

						break;

					case 106:

						button.addEventListener('click', function() {

									dialStar();

						})

						break;

					case 48,96:

						button.addEventListener('click', function() {

									dial0();

						})

						break;

					case 109:

						button.addEventListener('click', function() {

									dialPound();

						})

						break;

				}

			}

			

			setCallTimeout();

			ringTelephone();

			

		}

		function reload(){

			location.reload(true);

		}

		function toggleLineStatus() {

			var number="";

			var pin="";

			var checkForPin=false;

			document.getElementById('numberbeingdialed').innerHTML=number;

			var wasOnHook=false;

			if(!offHook){

				offHook=true;

				document.getElementById('hookstatus').innerHTML="Off";

				wasOnHook=true;

			} else {

				offHook=false;

				document.getElementById('hookstatus').innerHTML="On";

				clunk.pause();

				ringback.pause();

				clunk.currentTime=0;

				ringback.currentTime=0;

			}

		 

			if(ringbackDialed){

				startRingback();

			} else {

				if(wasOnHook){

					ring.pause();

					ring.currentTime=0;

					playDialTone();

					dialingAllowed=true;

					nextDigitDialable=true;

					ringbackDialed=false;

					keepPlaying=true;

				}

				else {

					stopDialTone();

					setOpacity(100);

					allCircuitsBusy=false;

					keepPlaying=false;

				}

			}

		}

		function numberSuggestion(){

			var randomNumber=Math.floor(Math.random()*(availableNumbers.length));

			var suggestedNumber=availableNumbers[randomNumber];

			document.getElementById("suggestion").innerHTML="How about dialing <strong id='suggestedTelephoneNumber'>"+

															suggestedNumber+

															"</strong>? Don't like this number? Click the button above again!";

		}

		function receiverRaised(){

			if(allowDial == false) {

				telephoneAnswered()

			}

		 

			if(allowDial == true) {

				dialTone.play();

			} else {

				offHook ();

				timeoutHowler.play();

			}

		}

		function setCallTimeout(){

			var delay=5000;

			var delayCaller=Math.floor((Math.random()*8000)+1);

			delay=delay+delayCaller;

			setTimeout(incomingCall,delay);

		}

		function offHook(){

			isOffHook=true;

			document.getElementById("WE2500").style.display="none";

			document.getElementById("dialPad").style.display="block";

		}

		function dialToneTimedOut() {

			allowDial=false;

			timeoutHowler();

			if(DialToneTimedOut == true) {

				timeoutHowler.play();

				timeoutHowler.currentTime=0;

			}

		}

		function incomingCall(){

		}

		function ringTelephone(){

			if(!hasTelephoneBeenAnswered) {

				ringRing.play();

				ringRing.currentTime=0;

			} else {

				if(isOffHook == false) {

					ringRing.play();

				}

				

				if(allowDial == false) {

					callIncoming=true;

					setInterval(ringTelephone,5500);

				}

			}

		}

		function numberDial() {

			if(dialTone){

				dialTone.pause();

				dialTone.currentTime=0

			}

		}

		function dial1() {

			if(allowDial == true) {

				numberDial();

				number=number+"1";

				var DTMFToneDial1=new Audio('DTMF%20Tone%20Dials/DTMF%20Tone%20Dial%201.mp3');

				DTMFToneDial1.play();

			}

		}

		function dial2() {

			if(allowDial == true); {

				numberDial();

				number=number+"2";

				var DTMFToneDial2=new Audio('DTMF%20Tone%20Dials/DTMF%20Tone%20Dial%202.mp3');

				DTMFToneDial2.play();

			}

		}

		function dial3() {

			if(allowDial == true); {

				numberDial();

				number=number+"3";

				var DTMFToneDial3=new Audio('DTMF%20Tone%20Dials/DTMF Tone Dial 3.mp3');

				DTMFToneDial3.play();

			}

		}

		function dial4() {

			if(allowDial == true) {

				numberDial();

				number=number+"4";

				var DTMFToneDial4=new Audio('DTMF%20Tone%20Dials/DTMF Tone Dial 4.mp3');

				DTMFToneDial4.play();

			}

		}

		function dial5() {

			if(allowDial == true) {

				numberDial();

				number=number+"5";

				var DTMFToneDial5=new Audio('DTMF%20Tone%20Dials/DTMF Tone Dial 5.mp3');

				DTMFToneDial5.play();

			}

		}

		function dial6() {

			if(allowDial == true) {

				numberDial();

				number=number+"6";

				var DTMFToneDial6=new Audio('DTMF%20Tone%20Dials/DTMF Tone Dial 6.mp3');

				DTMFToneDial6.play();

			}

		}

		function dial7() {

			if(allowDial == true) {

				numberDial();

				number=number+"7";

				var DTMFToneDial7=new Audio('DTMF%20Tone%20Dials/DTMF Tone Dial 7.mp3');

				DTMFToneDial7.play();

			}

		}

		function dial8() {

			if(allowDial == true) {

				numberDial();

				number=number+"8";

				var DTMFToneDial8=new Audio('DTMF%20Tone%20Dials/DTMF Tone Dial 8.mp3');

				DTMFToneDial8.play();

			}

		}

		function dial9() {

			if(allowDial == true) {

				numberDial();

				number=number+"9";

				var DTMFToneDial9=new Audio('DTMF%20Tone%20Dials/DTMF Tone Dial 9.mp3');

				DTMFToneDial9.play();

			}

		}

		function dialStar() {

			if(allowDial == true) {

				numberDial();

				number=number+"*";

				var DTMFToneDialStar=new Audio('DTMF%20Tone%20Dials/DTMF Tone Dial Star.mp3');

				DTMFToneDialStar.play();

			}

		}

		function dial0() {

			if(allowDial == true) {

				numberDial();

				number=number+"0";

				var DTMFToneDial0=new Audio('DTMF%20Tone%20Dials/DTMF Tone Dial 0.mp3');

				DTMFToneDial0.play();

			}

		}

		function dialPound(){

			if(allowDial == true) {

				numberDial();

				number=number+"#";

				var DTMFToneDialPound=new Audio('DTMF%20Tone%20Dials/DTMF Tone Dial Pound.mp3');

				DTMFToneDialPound.play();

			}

		}

		function ring() {

			ringingTone.play();

			timesRung++;

			if(timesRung>1) {

				setTimeout(response,700);

			}

		}

		function dial(){

			allowDial=false;

			ring();

			setTimeout(ring,4000);

		}

		function busy() {

			busyTone();

		}

		function busyTone() {

			var pickupBusy=new Audio('Call%20Progress%20Tones/Busy%20Tone/USA%20Busy%20Tone.mp3');

			pickupBusy.play();

			pickupBusy.currentTime=0;

			setInterval(busyTone,4000);

		}

			

		function operatorPutCallThrough() {

			operatorPickup.play(true);

		}

		function response(){

			switch(number) {

				case "0":

					var operatorPickup=new Audio('callResponses/OperatorAnswer.wav');

					operatorPickup.addEventListener("click", function() {

						number=prompt("Operator, your number please? (Numbers only; enter 'police' for police and emergency)");

						if(number==null){

							number="0";

						}

					})

					break;

				case "611":

					var pickup611=new Audio('callResponses/611.wav');

					pickup611.addEventListener("click", function(){

						timeoutHowler();

						pickup611.play();

					})

					break;

				case "711":

					var pickup711=new Audio('callResponses/tdd-1.mp3');

					//this function call is missing a closing parenthesis for the function itself at the end, just before the break

					pickup711.addEventListener("click", function() {

						timeoutHowler();

						pickup711.play();

					})

					break;

				case "811":

					var pickup811=new Audio('callResponses/811.wav');

					//this function call is missing a closing parenthesis for the function itself at the end, just before the break

					pickup811.addEventListener("click", function() {

						timeoutHowler();

						pickup811.play();

					})

					break;

				case "911":

					var pickup911=new Audio('callResponses/911-xxx-fleet.mp3');

					pickup911.addEventListener("click", function() {

						timeoutHowler();

						pickup911.play();

					})

					break;

				case "18477651008":

					var pickupMCI=new Audio('callResponses/MCI.wav');

					pickupMCI.addEventListener("click", function() {

						timeoutHowler();

						pickupMCI.play();

					})

					break;

				case "8675309":

					var pickup8675309=new Audio('callResponses/discoornis-bell-f1.mp3');

					//this function call is missing a closing parenthesis for the function itself at the end, just before the break

					pickup8675309.addEventListener("click", function () {

						timeoutHowler();

						pickup8675309.play();

					})

					break;

				case "12124561414":

					var pickup12124561414=new Audio('callResponses/discoornis-bell-f1.mp3');

					pickup12124561414.addEventListener("click", function() {

						busy();

						pickup12124561414.play();

					})

					break;

				case "5551212":

					var pickup5551212=new Audio('callResponses/Dirassist-bell-f1.mp3');

					pickup5551212.addEventListener("click", function() {

						busy();

						pickup5551212.play();

					})

					break;

				case "5555555":

					var pickup5555555=new Audio('callResponses/timeout-xxx-fleet.mp3');

					//this function call is missing a closing parenthesis for the function itself at the end, just before the break

					pickup5555555.addEventListener("click", function() {

						timeoutHowler();

						pickup5555555.play();

					})

					break;

				case "7480900":

					var pickupSelf=new Audio('callResponses/partyline-xxx-fleet.mp3');

					//this function call is missing a closing parenthesis for the function itself at the end, just before the break

					pickupSelf.addEventListener("click", function() {

						busy();

						pickupSelf.play();

					})

					break;

				case "18005820655":

					var pickup18005820655=new Audio('callResponses/discoornis-bell-f1.mp3');

					pickup18005820655.addEventListener("click", function() {

						busy();

						pickup18005820655.play();

					})

					break;

				case "6508950":

					var pickupAM=new Audio('callResponses/answering-machine-1.mp3');

					//this function call is missing a closing parenthesis for the function itself at the end, just before the break

					pickupAM.addEventListener("click", function() {

						pickupAM.play();

					})

					break;

				case "6500050":

					var pickupModem=new Audio('modem.wav');

					//this function call is missing a closing parenthesis for the function itself at the end, just before the break

					pickupModem.addEventListener("click", function() {

						pickupModem.play();

					})

					break;

				case "9703920":

					var pickupFax=new Audio('fax-1.mp3');

					pickupFax.addEventListener("click", function() {

						pickupFax.play();

					})

					break;

				case "17147339969":

					var pickup714=new Audio('device-conference.mp3');

					pickup714.addEventListener("click", function() {

						pickup714.play();

					})

					break;

				case "8217147339969":

					var pickup8217147339969=new Audio('device-conference.mp3');

					pickup8217147339969.addEventListener("click", function() {

					pickup8217147339969.play(); //remove the space before the asterisk

					})

					break;

				case "*6717147339969":

					var pickup6717147339969=new Audio('callResponses/reject2-xxx-fleet.mp3');

					pickup6717147339969.addEventListener("click", function() {

						timeoutHowler();

						pickup714block.play();

					})

					break;

				case "*57":

					var randNum57=Math.random()>=0.5;

					if(randNum57) {

						var pickupCallTrace=new Audio('callResponses/trace3-xxx-fleet.mp3');

					}

					else {

						var pickupCallTrace=new Audio('callResponses/trace-xxx-fleet.mp3');

						pickupCallTrace.addEventListener("click", function() {

							timeoutHowler();

							pickupCallTrace.play();

						})

					}

					break;

				case "*69":

					var pickupStar69=new Audio('callResponses/return-xxx-fleet.mp3');

					//this function call is missing a closing parenthesis for the function itself at the end, just before the break

					pickupStar69.addEventListener("click", function() {

						timeoutHowler();

						pickupStar69.play();

					})

					break;

				case "police":

					var pickupPolice=new Audio('callResponses/policePickup.wav');

					//this function call is missing a closing parenthesis for the function itself at the end, just before the break

					pickupPolice.addEventListener("click", function() {

						timeoutHowler();

						pickupPolice.play();

						var policeComplaint=prompt("Police Department, Sergeant Duffy Speaking.");

						confirm("Really? You say that "+policeComplaint);

					})  

				  var policeHangup=new Audio('callResponses/policeHangup.wav');

					//this function call is missing a closing parenthesis for the function itself at the end, just before the break

					policeHangup.addEventListener("click", function() {

						timeoutHowler();

					})

					break;

				default:

					var pickupDefault;

					if(number.length>7){

						pickupDefault=new Audio('callResponses/ldcircuits-bell-f1.mp3');

					}

					else {

						pickupDefault=new Audio('callResponses/completeordc-xxx-fleet.mp3');

						pickupDefault.addEventListener("click", function() {

							timeoutHowler();

							pickupDefault.play();

						})

					}

					break;

			}

		}

	</script>

</BODY>

</HTML>

Annabelle Baradine 0 Reputation points

2025-09-28T00:15:54.5466667+00:00

I tried to post the code I was demonstrating, but my comment got deleted! Microsoft claims I "violated their code of conduct", when in fact I didn't post anything copyrighted, hateful, or even unlawful. What did I do wrong? How do I post that code without violating any rules and regulations?
Danny Nguyen (WICLOUD CORPORATION) 3,500 Reputation points Microsoft External Staff

2025-09-29T06:42:31.2833333+00:00
Hi, thank you for the details. I suggest not sending your code in its entirety as it can get bloated to the thread and get flagged by its system.

As for your query, you can turn your existing HTML + audio page into a desktop app with Electron. It’s the quickest path. Trade‑off: the app bundle is larger because Electron includes Chromium + Node.js (expect ~70–120 MB for a simple first build). If size becomes important later, you can look at Tauri—but start here.

You should checkout these official docs and test around with it before moving on to your main project:

Prerequisites / install: Electron Prerequisites

First app guide: Electron First App Tutorial

Your project should look like this (from your project folder):

npm init -y npm install electron --save-dev

Create main.js:

const { app, BrowserWindow } = require('electron'); function createWindow() { const win = new BrowserWindow({ width: 600, height: 800, webPreferences: { contextIsolation: true } }); win.loadFile('index.html'); } app.whenReady().then(createWindow);

Add to package.json (inside "scripts"):

"scripts": { "start": "electron ." }

Run:

npm start

That opens your index.html as a desktop window. Your existing <audio> elements and JavaScript work unchanged—just keep asset paths relative (e.g. assets/audio/...).

To build installers later, add a tool like electron-builder (not needed for the initial test).

Hope this helps.
Annabelle Baradine 0 Reputation points

2025-10-03T01:57:33.67+00:00

Bash? What's bash?
Danny Nguyen (WICLOUD CORPORATION) 3,500 Reputation points Microsoft External Staff

2025-10-03T02:27:49.98+00:00
Sorry for the confusion.

Bash is a type of command-line shell (terminal) commonly used on Linux and macOS. It lets you run commands by typing them, such as installing tools or running scripts.

On Windows, you can also use the standard Command Prompt or PowerShell to run the same commands like npm start

Here’s the official getting started guide for Node.js:

Node.js Getting Started

npm CLI documentation

Answer 2

Bruce (SqlWork.com) 81,191 Volunteer Moderator

First you an audio recording of the pulses (google for mp3 samples). You should be able to do this with JavaScript and html. You use the Audio() object to play the sounds. You would use the key down and key up events to trigger the sounds.

Share via

Playing Audio Using Keystrokes: Is It Possible?

2 answers

Your answer