10 examples of 'javascript play audio onclick' in JavaScript

68
function play(audioId) {
69
    // TODO: Attach an invisible element for this instead
70
    // which listens?
71
    var audio = document.getElementById(audioId);
72
    if (audio) {
73
        audio.load();
74
        audio.play();
75
    }
76
}

147
function playAudio() {
148
  ARRAY_BILLS.forEach((bill, i) => {
149
    setTimeout(() => {
150
      animateBill(bill, i);
151
152
      THREESTUFF.scene.add(bill);      
153
    }, 230*i)
154
  })
155
156
157
  const button = document.getElementById('buttonPlayAudio');
158
159
  button.style.display = 'none';
160
  // INIT WEB AUDIO
161
  try {
162
    window.AudioContext = window.AudioContext || window.webkitAudioContext;
163
    contextAudio = new AudioContext();
164
  } catch (e) {
165
    console.log('Web Audio API is not supported in this browser.');
166
  }
167
  if (contextAudio) {
168
    const bufferLoader = new BufferLoader(
169
      contextAudio,
170
      ['./audio/bella_ciao.mp3'],
171
      (bufferList) => {
172
        const around = contextAudio.createBufferSource();
173
174
        around.buffer = bufferList[0];
175
        
176
        around.connect(contextAudio.destination);
177
        around.loop = true;
178
        around.start();        
179
      }
180
    );
181
    bufferLoader.load();
182
  }
183
}

226
function playAudio()
227
{
228
    var audioPlayer = new StreamAudio('/audio/' + TAG);
229
    audioPlayer.play();
230
}

55
function play() {
56
    if (isPlaying) {
57
        csound.Event("i-1 0 -1");
58
        csound.Event("i-2 0 -1");
59
        wavesurfer.stop();
60
        document.getElementById("playPauseButton").src = "/static/images/play_colored.png";
61
    } else {
62
        csound.Event("i1 0 -1");
63
        csound.Event("i2 0 -1");
64
        wavesurfer.play();
65
        document.getElementById("playPauseButton").src = "/static/images/pause_colored.png";
66
    }
67
    isPlaying = !isPlaying
68
}

189
function playStream(streamName) {
190
    playFirstSound();
191
    var stream = new Stream();
192
    stream.name = document.getElementById("streamId").value;
193
    stream.hasVideo = true;
194
    stream.mediaProvider = MediaProvider.WSPlayer;
195
    this.stream = f.playStream(stream);
196
}

41
function play() {
42
  var source = audio.getSource();
43
  var wavenode = wavebox.getAudioNode();
44
  var frequencynode = frequencybox.getAudioNode();
45
46
  // Route audio and graphs
47
  source.connect(frequencynode);
48
  frequencynode.connect(wavenode)
49
  wavenode.connect(context.destination);
50
51
  // Play audio
52
  audio.reload();
53
  source.noteOn(0);
54
55
  // Enable graphs
56
  wavebox.enable();
57
  frequencybox.enable();
58
59
  $('#play').text("Stop");
60
  $('#play').click(stop);
61
}

7
playPause() {
8
	this.webContents.executeJavaScript(`document.getElementsByClassName('play-pause-button')[0].click()`);
9
}

116
onAudioPlay(){
117
	this.props.isPlayingFile(this.props.active, true);
118
}

27
function playAudio() {
28
  let _audio = audio.cloneNode();
29
  _audio.play();
30
}

6
function onPlayButtonClick() {
7
  playAudio();
8
}