Play Audio on WebGL via C# & HTML

SF Games
December 28, 2022

Play Audio on WebGL

To play an audio source in WebGL, you can use the HTML5 audio element and control it with JavaScript. Here's an example of how you could do this:

  1. Add an audio element to your HTML page and specify the source for the audio file:
<audio id="myAudio" src="path/to/audio.mp3"></audio>

  1. In your JavaScript code, get a reference to the audio element using the getElementById function:
const audioElement = document.getElementById('myAudio');


  1. To play the audio, use the play method of the audio element:
audioElement.play();


You can also use the pause method to pause the audio, the currentTime property to jump to a specific point in the audio, and the volume property to adjust the volume.

Here's an example of how you could use these methods and properties to create a simple audio player:

const audioElement = document.getElementById('myAudio');

function playAudio() {
  audioElement.play();
}

function pauseAudio() {
  audioElement.pause();
}

function changeVolume(volume) {
  audioElement.volume = volume;
}

function skipTo(time) {
  audioElement.currentTime = time;
}


You can then call these functions from your WebGL code to control the audio playback.