iOS 17 webkit AudioContext测试页面 - 踏得网

test if ios 17 support audiocontext well

h5, audio, ios

《three.js使用多个渐变torus模拟光环光晕》申请公开！

第三方库
作品简介 342
作品推荐
使用帮助
常用链接

HTML
CSS
JavaScript
Result

编译

JavaScript

function playFile(url) {
  // Create an AudioContext instance for this sound
  var audioContext = new (window.AudioContext || window.webkitAudioContext)();
  // Create a buffer for the incoming sound content
  var source = audioContext.createBufferSource();
  // Create the XHR which will grab the audio contents
  var request = new XMLHttpRequest();
  // Set the audio file src here
  request.open('GET', url, true);
  // Setting the responseType to arraybuffer sets up the audio decoding
  request.responseType = 'arraybuffer';
  request.onload = function() {
    // Decode the audio once the require is complete
    audioContext.decodeAudioData(request.response, function(buffer) {
      source.buffer = buffer;
      // Connect the audio to source (multiple audio buffers can be connected!)
      source.connect(audioContext.destination);
      // Simple setting for the buffer
      source.loop = true;
      // Play the sound!
      source.start(0);
    }, function(e) {
      console.log('Audio error! ', e);
    });
  }
  // Send the request which kicks off
  request.send();
}

编译

CSS

HTML