AudioContext: метод getOutputTimestamp()

Метод getOutputTimestamp() интерфейса AudioContext возвращает новый объект AudioTimestamp, содержащий две значения временных меток аудио, относящиеся к текущему аудиоконтексту.

Два значения следующие:

• AudioTimestamp.contextTime: Время текущей выборки кадра, в данный момент рендерится устройством аудиовывода (т.е., позиция выходного аудиопотока), в тех же единицах и с таким же началом, что и время AudioContext.currentTime контекста. По сути, это время после создания аудиоконтекста.
• AudioTimestamp.performanceTime: Оценка момента, когда выборка кадра, соответствующая сохраненному значению contextTime, была рендерирована устройством аудиовывода, в тех же единицах и с таким же началом, что и performance.now(). Это время после первоначального рендеринга документа, содержащего аудиоконтекст.

Нет.

Объект AudioTimestamp, который имеет следующие свойства.

• contextTime: Точка во временной системе координат currentTime для BaseAudioContext; время после создания аудиоконтекста.
• performanceTime: Точка во временной системе координат интерфейса Performance; время после первоначального рендеринга документа, содержащего аудиоконтекст

В следующем коде мы начинаем воспроизведение аудиофайла после нажатия кнопки воспроизведения и запускаем цикл requestAnimationFrame, который постоянно выводит значения contextTime и performanceTime.

Полный код этого примера можно найти по адресу output-timestamp (посмотреть онлайн).

// Press the play button
playBtn.addEventListener("click", () => {
  // We can create the audioCtx as there has been some user action
  if (!audioCtx) {
    audioCtx = new AudioContext();
  }
  source = new AudioBufferSourceNode(audioCtx);
  getData();
  source.start(0);
  playBtn.disabled = true;
  stopBtn.disabled = false;
  rAF = requestAnimationFrame(outputTimestamps);
});

// Press the stop button
stopBtn.addEventListener("click", () => {
  source.stop(0);
  playBtn.disabled = false;
  stopBtn.disabled = true;
  cancelAnimationFrame(rAF);
});

// Helper function to output timestamps
function outputTimestamps() {
  const ts = audioCtx.getOutputTimestamp();
  output.textContent = `Context time: ${ts.contextTime} | Performance time: ${ts.performanceTime}`;
  rAF = requestAnimationFrame(outputTimestamps); // Reregister itself
}