Welcome to Code Forum!

Join a community that supports you and your coding journey from day one. We strive to be a friendly, supportive community that empowers everyone to be better developers. By registering with us, you'll be able to discuss, share and private message with other members of our community.

SignUp Now!
  • Guest, before posting your code please take these rules into consideration:
    • It is required to use our BBCode feature to display your code. While within the editor click < / > or >_ and place your code within the BB Code prompt. This helps others with finding a solution by making it easier to read and easier to copy.
    • You can also use markdown to share your code. When using markdown your code will be automatically converted to BBCode. For help with markdown check out the markdown guide.
    • Don't share a wall of code. All we want is the problem area, the code related to your issue.

    GIF shows where to locate </> in the thread and or post editor toolbar.
    To learn more about how to use our BBCode feature, review our "How to post your code into threads" here.

    Thank you, Code Forum.

Playing Audio Using Keystrokes: Is It Possible?

Annabelle5893

Annabelle5893

Gold Coder
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, 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?
 
Sort by date Sort by votes
Annabelle5893 said:
Sure! Here ya go!
Code: 
<html>
<div role="switch" aria-labelledby="id-label">
  <label for="Hookswitch Status"
  <button type="button"
          role="switch"
  id="hookswitch">Hookswitch Status:
    <span class="hookStatus off">
    </span>
  </label>
  </button>
</div>
<audio id="dialTone" src="file:///M:/Documents/Virtual%20Phone/Call%20Progress%20Tones/Dial%20Tone/USA%20Dial%20Tone.mp3"></audio>
<audio id="busyTone" src="file:///M:/Documents/Virtual%20Phone/Call%20Progress%20Tones/Busy%20Tone/USA%20Busy%20Tone.mp3"></audio>
<audio id="RingbackTone" src="file:///M:/Documents/Virtual%20Phone/Call%20Progress%20Tones/Ringback%20Tone/USA%20Ringback%20Tone.mp3"></audio>
<audio id="TimeoutHowler" src="file:///M:/Documents/Virtual%20Phone/Call%20Progress%20Tones/Receiver%20Off%20Hook%20Tone/USA%20Receiver%20Off%20Hook%20Tone.mp3"></audio>
<audio id="RingingTone" src="file:///M:/Documents/Virtual%20Phone/Call%20Progress%20Tones/Ringing%20Tone/Princess%20702B%20Bell%20Ring.mp3"></audio>
<audio id="DTMFToneDial1" src="file:///M:/Documents/Virtual%20Phone/DTMF%20Tone%20Dials/DTMF%20Tone%20Dial%201.mp3"</audio>
<audio id="DTMFToneDial2" src="file:///M:/Documents/Virtual%20Phone/DTMF%20Tone%20Dials/DTMF%20Tone%20Dial%202.mp3"</audio>
<audio id="DTMFToneDial3" src="file:///M:/Documents/Virtual%20Phone/DTMF%20Tone%20Dials/DTMF%20Tone%20Dial%203.mp3"</audio>
<audio id="DTMFToneDial4" src="file:///M:/Documents/Virtual%20Phone/DTMF%20Tone%20Dials/DTMF%20Tone%20Dial%204.mp3"</audio>
<audio id="DTMFToneDial5" src="file:///M:/Documents/Virtual%20Phone/DTMF%20Tone%20Dials/DTMF%20Tone%20Dial%205.mp3"</audio>
<audio id="DTMFToneDial6" src="file:///M:/Documents/Virtual%20Phone/DTMF%20Tone%20Dials/DTMF%20Tone%20Dial%206.mp3"</audio>
<audio id="DTMFToneDial7" src="file:///M:/Documents/Virtual%20Phone/DTMF%20Tone%20Dials/DTMF%20Tone%20Dial%207.mp3"</audio>
<audio id="DTMFToneDial8" src="file:///M:/Documents/Virtual%20Phone/DTMF%20Tone%20Dials/DTMF%20Tone%20Dial%208.mp3"</audio>
<audio id="DTMFToneDial9" src="file:///M:/Documents/Virtual%20Phone/DTMF%20Tone%20Dials/DTMF%20Tone%20Dial%209.mp3"</audio>
<audio id="DTMFToneDialStar" src="file:///M:/Documents/Virtual%20Phone/DTMF%20Tone%20Dials/DTMF%20Tone%20Dial%20Star.mp3"</audio>
<audio id="DTMFToneDial0" src="file:///M:/Documents/Virtual%20Phone/DTMF%20Tone%20Dials/DTMF%20Tone%20Dial%200.mp3"</audio>
<audio id="DTMFToneDialPound" src="file:///M:/Documents/Virtual%20Phone/DTMF%20Tone%20Dials/DTMF%20Tone%20Dial%20Pound.mp3"</audio>
<audio id="OneSlotUSAPayphoneNickelTone" src="file:///M:/Documents/Virtual%20Phone/Payphone%20Coin%20Tones/One-Slot%20Payphone/USA%20Payphone%20Nickel%20Tone.mp3"></audio>
<audio id="OneSlotUSAPayphoneDimeTone" src="file:///M:/Documents/Virtual%20Phone/Payphone%20Coin%20Tones/One-Slot%20Payphone/USA%20Payphone%20Dime%20Tone.mp3"></audio>
<audio id="OneSlotUSAPayphoneQuarterTone" src="file:///M:/Documents/Virtual%20Phone/Payphone%20Coin%20Tones/One-Slot%20Payphone/USA%20Payphone%20Quarter%20Tone.mp3"></audio>
<audio id="OneSlotUSAPayphoneHalfDollarTone" src="file:///M:/Documents/Virtual%20Phone/Payphone%20Coin%20Tones/One-Slot%20Payphone/USA%20Payphone%20Half%20Dollar%20Tone.mp3"></audio>
<audio id="OneSlotUSAPayphoneDollarTone" src="file:///M:/Documents/Virtual%20Phone/Payphone%20Coin%20Tones/One-Slot%20Payphone/USA%20Payphone%20Dollar%20Tone.mp3"></audio>
<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>
</html>
Click to expand...
So, right off the bat,I can see that there's several audio tags that are missing a closing ">".... not sure if that may be causing the issue or not, but let's fix that up. I will point those out with an asterisk "*"
 
Upvote 0 Downvote
HTML: 
<html>
<div role="switch" aria-labelledby="id-label">
  <label for="Hookswitch Status"
  <button type="button"
          role="switch"
  id="hookswitch">Hookswitch Status:
    <span class="hookStatus off">
    </span>
  </label>
  </button>
</div>
<audio id="dialTone" src="file:///M:/Documents/Virtual%20Phone/Call%20Progress%20Tones/Dial%20Tone/USA%20Dial%20Tone.mp3"></audio>
<audio id="busyTone" src="file:///M:/Documents/Virtual%20Phone/Call%20Progress%20Tones/Busy%20Tone/USA%20Busy%20Tone.mp3"></audio>
<audio id="RingbackTone" src="file:///M:/Documents/Virtual%20Phone/Call%20Progress%20Tones/Ringback%20Tone/USA%20Ringback%20Tone.mp3"></audio>
<audio id="TimeoutHowler" src="file:///M:/Documents/Virtual%20Phone/Call%20Progress%20Tones/Receiver%20Off%20Hook%20Tone/USA%20Receiver%20Off%20Hook%20Tone.mp3"></audio>
<audio id="RingingTone" src="file:///M:/Documents/Virtual%20Phone/Call%20Progress%20Tones/Ringing%20Tone/Princess%20702B%20Bell%20Ring.mp3"></audio>
* <audio id="DTMFToneDial1" src="file:///M:/Documents/Virtual%20Phone/DTMF%20Tone%20Dials/DTMF%20Tone%20Dial%201.mp3"</audio>
* <audio id="DTMFToneDial2" src="file:///M:/Documents/Virtual%20Phone/DTMF%20Tone%20Dials/DTMF%20Tone%20Dial%202.mp3"</audio>
* <audio id="DTMFToneDial3" src="file:///M:/Documents/Virtual%20Phone/DTMF%20Tone%20Dials/DTMF%20Tone%20Dial%203.mp3"</audio>
* <audio id="DTMFToneDial4" src="file:///M:/Documents/Virtual%20Phone/DTMF%20Tone%20Dials/DTMF%20Tone%20Dial%204.mp3"</audio>
* <audio id="DTMFToneDial5" src="file:///M:/Documents/Virtual%20Phone/DTMF%20Tone%20Dials/DTMF%20Tone%20Dial%205.mp3"</audio>
* <audio id="DTMFToneDial6" src="file:///M:/Documents/Virtual%20Phone/DTMF%20Tone%20Dials/DTMF%20Tone%20Dial%206.mp3"</audio>
* <audio id="DTMFToneDial7" src="file:///M:/Documents/Virtual%20Phone/DTMF%20Tone%20Dials/DTMF%20Tone%20Dial%207.mp3"</audio>
* <audio id="DTMFToneDial8" src="file:///M:/Documents/Virtual%20Phone/DTMF%20Tone%20Dials/DTMF%20Tone%20Dial%208.mp3"</audio>
* <audio id="DTMFToneDial9" src="file:///M:/Documents/Virtual%20Phone/DTMF%20Tone%20Dials/DTMF%20Tone%20Dial%209.mp3"</audio>
* <audio id="DTMFToneDialStar" src="file:///M:/Documents/Virtual%20Phone/DTMF%20Tone%20Dials/DTMF%20Tone%20Dial%20Star.mp3"</audio>
* <audio id="DTMFToneDial0" src="file:///M:/Documents/Virtual%20Phone/DTMF%20Tone%20Dials/DTMF%20Tone%20Dial%200.mp3"</audio>
* <audio id="DTMFToneDialPound" src="file:///M:/Documents/Virtual%20Phone/DTMF%20Tone%20Dials/DTMF%20Tone%20Dial%20Pound.mp3"</audio>
<audio id="OneSlotUSAPayphoneNickelTone" src="file:///M:/Documents/Virtual%20Phone/Payphone%20Coin%20Tones/One-Slot%20Payphone/USA%20Payphone%20Nickel%20Tone.mp3"></audio>
<audio id="OneSlotUSAPayphoneDimeTone" src="file:///M:/Documents/Virtual%20Phone/Payphone%20Coin%20Tones/One-Slot%20Payphone/USA%20Payphone%20Dime%20Tone.mp3"></audio>
<audio id="OneSlotUSAPayphoneQuarterTone" src="file:///M:/Documents/Virtual%20Phone/Payphone%20Coin%20Tones/One-Slot%20Payphone/USA%20Payphone%20Quarter%20Tone.mp3"></audio>
<audio id="OneSlotUSAPayphoneHalfDollarTone" src="file:///M:/Documents/Virtual%20Phone/Payphone%20Coin%20Tones/One-Slot%20Payphone/USA%20Payphone%20Half%20Dollar%20Tone.mp3"></audio>
<audio id="OneSlotUSAPayphoneDollarTone" src="file:///M:/Documents/Virtual%20Phone/Payphone%20Coin%20Tones/One-Slot%20Payphone/USA%20Payphone%20Dollar%20Tone.mp3"></audio>
<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>
</html>
 
Upvote 0 Downvote
Play Snayk 3+, higher dimensional snake game?
Annabelle5893 said:
I don't use Chrome, just Microsoft Edge and Mozilla Firefox.
Click to expand...
For the giggles, humor me pls lol. I know i know "big scary privacy monstar and most definitely cpu hog" but just bare with me. I've seen reports of this happening mostly on Firefox and edge. I want to make sure we can rule out all possibilities
 
Upvote 0 Downvote
Antero360 said:
For the giggles, humor me pls lol. I know i know "big scary privacy monstar and most definitely cpu hog" but just bare with me. I've seen reports of this happening mostly on Firefox and edge. I want to make sure we can rule out all possibilities
Click to expand...
Looks like all of these have a > at the end of the audio tags. So what's the * sign for? I'm confused!
 
Upvote 0 Downvote
How's this?
Code: 
<html>
<div role="switch" aria-labelledby="id-label">
  <label for="Hookswitch Status"
  <button type="button"
          role="switch"
  id="hookswitch">Hookswitch Status:
    <span class="hookStatus off">
    </span>
  </label>
  </button>
</div>
<audio id="dialTone" src="file:///M:/Documents/Virtual%20Phone/Call%20Progress%20Tones/Dial%20Tone/USA%20Dial%20Tone.mp3"></audio>
<audio id="busyTone" src="file:///M:/Documents/Virtual%20Phone/Call%20Progress%20Tones/Busy%20Tone/USA%20Busy%20Tone.mp3"></audio>
<audio id="RingbackTone" src="file:///M:/Documents/Virtual%20Phone/Call%20Progress%20Tones/Ringback%20Tone/USA%20Ringback%20Tone.mp3"></audio>
<audio id="TimeoutHowler" src="file:///M:/Documents/Virtual%20Phone/Call%20Progress%20Tones/Receiver%20Off%20Hook%20Tone/USA%20Receiver%20Off%20Hook%20Tone.mp3"></audio>
<audio id="RingingTone" src="file:///M:/Documents/Virtual%20Phone/Call%20Progress%20Tones/Ringing%20Tone/Princess%20702B%20Bell%20Ring.mp3"></audio>
<audio id="DTMFToneDial1" src="file:///M:/Documents/Virtual%20Phone/DTMF%20Tone%20Dials/DTMF%20Tone%20Dial%201.mp3"></audio>
<audio id="DTMFToneDial2" src="file:///M:/Documents/Virtual%20Phone/DTMF%20Tone%20Dials/DTMF%20Tone%20Dial%202.mp3"></audio>
<audio id="DTMFToneDial3" src="file:///M:/Documents/Virtual%20Phone/DTMF%20Tone%20Dials/DTMF%20Tone%20Dial%203.mp3"></audio>
<audio id="DTMFToneDial4" src="file:///M:/Documents/Virtual%20Phone/DTMF%20Tone%20Dials/DTMF%20Tone%20Dial%204.mp3"></audio>
<audio id="DTMFToneDial5" src="file:///M:/Documents/Virtual%20Phone/DTMF%20Tone%20Dials/DTMF%20Tone%20Dial%205.mp3"></audio>
<audio id="DTMFToneDial6" src="file:///M:/Documents/Virtual%20Phone/DTMF%20Tone%20Dials/DTMF%20Tone%20Dial%206.mp3"></audio>
<audio id="DTMFToneDial7" src="file:///M:/Documents/Virtual%20Phone/DTMF%20Tone%20Dials/DTMF%20Tone%20Dial%207.mp3"></audio>
<audio id="DTMFToneDial8" src="file:///M:/Documents/Virtual%20Phone/DTMF%20Tone%20Dials/DTMF%20Tone%20Dial%208.mp3"></audio>
<audio id="DTMFToneDial9" src="file:///M:/Documents/Virtual%20Phone/DTMF%20Tone%20Dials/DTMF%20Tone%20Dial%209.mp3"></audio>
<audio id="DTMFToneDialStar" src="file:///M:/Documents/Virtual%20Phone/DTMF%20Tone%20Dials/DTMF%20Tone%20Dial%20Star.mp3"></audio>
<audio id="DTMFToneDial0" src="file:///M:/Documents/Virtual%20Phone/DTMF%20Tone%20Dials/DTMF%20Tone%20Dial%200.mp3"></audio>
<audio id="DTMFToneDialPound" src="file:///M:/Documents/Virtual%20Phone/DTMF%20Tone%20Dials/DTMF%20Tone%20Dial%20Pound.mp3"></audio>
<audio id="OneSlotUSAPayphoneNickelTone" src="file:///M:/Documents/Virtual%20Phone/Payphone%20Coin%20Tones/One-Slot%20Payphone/USA%20Payphone%20Nickel%20Tone.mp3"></audio>
<audio id="OneSlotUSAPayphoneDimeTone" src="file:///M:/Documents/Virtual%20Phone/Payphone%20Coin%20Tones/One-Slot%20Payphone/USA%20Payphone%20Dime%20Tone.mp3"></audio>
<audio id="OneSlotUSAPayphoneQuarterTone" src="file:///M:/Documents/Virtual%20Phone/Payphone%20Coin%20Tones/One-Slot%20Payphone/USA%20Payphone%20Quarter%20Tone.mp3"></audio>
<audio id="OneSlotUSAPayphoneHalfDollarTone" src="file:///M:/Documents/Virtual%20Phone/Payphone%20Coin%20Tones/One-Slot%20Payphone/USA%20Payphone%20Half%20Dollar%20Tone.mp3"></audio>
<audio id="OneSlotUSAPayphoneDollarTone" src="file:///M:/Documents/Virtual%20Phone/Payphone%20Coin%20Tones/One-Slot%20Payphone/USA%20Payphone%20Dollar%20Tone.mp3"></audio>
<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>
</html>
 
Upvote 0 Downvote
Annabelle5893 said:
How's this?
Code: 
<html>
<div role="switch" aria-labelledby="id-label">
  <label for="Hookswitch Status"
  <button type="button"
          role="switch"
  id="hookswitch">Hookswitch Status:
    <span class="hookStatus off">
    </span>
  </label>
  </button>
</div>
<audio id="dialTone" src="file:///M:/Documents/Virtual%20Phone/Call%20Progress%20Tones/Dial%20Tone/USA%20Dial%20Tone.mp3"></audio>
<audio id="busyTone" src="file:///M:/Documents/Virtual%20Phone/Call%20Progress%20Tones/Busy%20Tone/USA%20Busy%20Tone.mp3"></audio>
<audio id="RingbackTone" src="file:///M:/Documents/Virtual%20Phone/Call%20Progress%20Tones/Ringback%20Tone/USA%20Ringback%20Tone.mp3"></audio>
<audio id="TimeoutHowler" src="file:///M:/Documents/Virtual%20Phone/Call%20Progress%20Tones/Receiver%20Off%20Hook%20Tone/USA%20Receiver%20Off%20Hook%20Tone.mp3"></audio>
<audio id="RingingTone" src="file:///M:/Documents/Virtual%20Phone/Call%20Progress%20Tones/Ringing%20Tone/Princess%20702B%20Bell%20Ring.mp3"></audio>
<audio id="DTMFToneDial1" src="file:///M:/Documents/Virtual%20Phone/DTMF%20Tone%20Dials/DTMF%20Tone%20Dial%201.mp3"></audio>
<audio id="DTMFToneDial2" src="file:///M:/Documents/Virtual%20Phone/DTMF%20Tone%20Dials/DTMF%20Tone%20Dial%202.mp3"></audio>
<audio id="DTMFToneDial3" src="file:///M:/Documents/Virtual%20Phone/DTMF%20Tone%20Dials/DTMF%20Tone%20Dial%203.mp3"></audio>
<audio id="DTMFToneDial4" src="file:///M:/Documents/Virtual%20Phone/DTMF%20Tone%20Dials/DTMF%20Tone%20Dial%204.mp3"></audio>
<audio id="DTMFToneDial5" src="file:///M:/Documents/Virtual%20Phone/DTMF%20Tone%20Dials/DTMF%20Tone%20Dial%205.mp3"></audio>
<audio id="DTMFToneDial6" src="file:///M:/Documents/Virtual%20Phone/DTMF%20Tone%20Dials/DTMF%20Tone%20Dial%206.mp3"></audio>
<audio id="DTMFToneDial7" src="file:///M:/Documents/Virtual%20Phone/DTMF%20Tone%20Dials/DTMF%20Tone%20Dial%207.mp3"></audio>
<audio id="DTMFToneDial8" src="file:///M:/Documents/Virtual%20Phone/DTMF%20Tone%20Dials/DTMF%20Tone%20Dial%208.mp3"></audio>
<audio id="DTMFToneDial9" src="file:///M:/Documents/Virtual%20Phone/DTMF%20Tone%20Dials/DTMF%20Tone%20Dial%209.mp3"></audio>
<audio id="DTMFToneDialStar" src="file:///M:/Documents/Virtual%20Phone/DTMF%20Tone%20Dials/DTMF%20Tone%20Dial%20Star.mp3"></audio>
<audio id="DTMFToneDial0" src="file:///M:/Documents/Virtual%20Phone/DTMF%20Tone%20Dials/DTMF%20Tone%20Dial%200.mp3"></audio>
<audio id="DTMFToneDialPound" src="file:///M:/Documents/Virtual%20Phone/DTMF%20Tone%20Dials/DTMF%20Tone%20Dial%20Pound.mp3"></audio>
<audio id="OneSlotUSAPayphoneNickelTone" src="file:///M:/Documents/Virtual%20Phone/Payphone%20Coin%20Tones/One-Slot%20Payphone/USA%20Payphone%20Nickel%20Tone.mp3"></audio>
<audio id="OneSlotUSAPayphoneDimeTone" src="file:///M:/Documents/Virtual%20Phone/Payphone%20Coin%20Tones/One-Slot%20Payphone/USA%20Payphone%20Dime%20Tone.mp3"></audio>
<audio id="OneSlotUSAPayphoneQuarterTone" src="file:///M:/Documents/Virtual%20Phone/Payphone%20Coin%20Tones/One-Slot%20Payphone/USA%20Payphone%20Quarter%20Tone.mp3"></audio>
<audio id="OneSlotUSAPayphoneHalfDollarTone" src="file:///M:/Documents/Virtual%20Phone/Payphone%20Coin%20Tones/One-Slot%20Payphone/USA%20Payphone%20Half%20Dollar%20Tone.mp3"></audio>
<audio id="OneSlotUSAPayphoneDollarTone" src="file:///M:/Documents/Virtual%20Phone/Payphone%20Coin%20Tones/One-Slot%20Payphone/USA%20Payphone%20Dollar%20Tone.mp3"></audio>
<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>
</html>
Click to expand...
That looks better 🙂 Try running it now and see what errors you get, if any
 
Upvote 0 Downvote
Annabelle5893 said:
Here's a .zip file of my project. I hope this works.
Click to expand...
Hey there,
So I took a look at your files, and I have two comments. The first is somewhat obvious, the other seems to be a new security policy. A few things:
1) Make sure you you have all the .ogg files converted to .mp3.
2) Make sure you reflect that in the html
3) you don't need the absolute path for the files... to save you some time, and heartache, you can use the relative paths, since they are indeed inside of your project
4) change the privacy policy so that you are allowed to play the audio
a) due to the same, it seems like browsers are no longer allowing autoplay. You will have to work around this.
 
Upvote 0 Downvote
Antero360 said:
Hey there,
So I took a look at your files, and I have two comments. The first is somewhat obvious, the other seems to be a new security policy. A few things:
1) Make sure you you have all the .ogg files converted to .mp3.
2) Make sure you reflect that in the html
3) you don't need the absolute path for the files... to save you some time, and heartache, you can use the relative paths, since they are indeed inside of your project
4) change the privacy policy so that you are allowed to play the audio
a) due to the same, it seems like browsers are no longer allowing autoplay. You will have to work around this.
Click to expand...
Is there a way to change that privacy policy within the html and the javascript?
 
Upvote 0 Downvote
Annabelle5893 said:
Is there a way to change that privacy policy within the html and the javascript?
Click to expand...
Not from what I have seen, but I have a resource for you.
championcr.com

Enable Auto Play for Audio - Champion Capital Research, Inc.

Fiduciary Essentials for Defined Contribution Plan Stewards Session 1:
The Role of a Retirement Plan Steward Enable Auto Play for Audio To get the best experience with this course we recommend you allow audio to auto-play for this website. Most browsers have this disabled by default, but luckily...
championcr.com championcr.com
 
Upvote 0 Downvote
Antero360 said:
Not from what I have seen, but I have a resource for you.
championcr.com

Enable Auto Play for Audio - Champion Capital Research, Inc.

Fiduciary Essentials for Defined Contribution Plan Stewards Session 1:
The Role of a Retirement Plan Steward Enable Auto Play for Audio To get the best experience with this course we recommend you allow audio to auto-play for this website. Most browsers have this disabled by default, but luckily...
championcr.com championcr.com
Click to expand...
I'm reading the web site you've referenced, and it says to "click the padlock in the address bar". I'm not sure where that padlock is, as my screenreader doesn't read images or graphics. Is it the "Settings" menu? I'm confused!
 
Upvote 0 Downvote
Play Snayk 3+, higher dimensional snake game?
Annabelle5893 said:
I'm reading the web site you've referenced, and it says to "click the padlock in the address bar". I'm not sure where that padlock is, as my screenreader doesn't read images or graphics. Is it the "Settings" menu? I'm confused!
Click to expand...
the padlock should be just to the left of the url. It will still be inside of the rectangle where you enter the url, but just ever so slightly to the left.
 
Upvote 0 Downvote

New Threads

Latest posts

Share this page

Buy us a coffee!

Buy me a coffee.
DataCamp Advertisement
Code Academy Advertisement

About Us

Code Forum is a community platform where coding enthusiasts can connect with other developers, engage in discussions, ask for help, and share their knowledge with a supportive community. It's a perfect place to improve your coding skills and to find a community of like-minded individuals who share your passion for coding.

Site links

Stay Connected

Back
Top Bottom