MediaElementAudioSourceNode 与 Chrome Canary 的工作示例？

发布于 2024-12-01 20:45:16 字数 1240 浏览 1 评论 0原文

我正在尝试 W3C Web Audio API< /a> 在 Google Chrome Canary 版本中实现并启用。（我目前在 Windows 7 x64 上有 15.0.865.0 canary）演示应用程序工作得很好。

我喜欢使用 MediaElementAudioSourceNode因为我喜欢播放更大的OGG音乐。对于此类音频文件，API 表示我应该使用它而不是 AudioBufferSourceNode。

我写了一个非常简单的例子：

  <script type="text/javascript">
      var audioElement = document.createElement('audio');
      audioElement.setAttribute('src', 'dubfx.ogg');

      var audioContext = new webkitAudioContext();
      var streamingAudioSource = audioContext.createMediaElementSource(audioElement);
      streamingAudioSource.connect(audioContext.destination);
  </script>

但是我只听到点击声而不是实际的音频。我在 JavaScript 控制台中没有看到任何错误，所以我猜代码没问题，也许缺少一些初始化。如果我调用 audioElement.play() 而不是通过 Web Audio API 进行路由，则音乐播放得很好。我是否错过了什么，或者当前的 WebKit 实现是否已损坏？

原文

I'm experimenting with the W3C Web Audio API implemented and enabled in Google Chrome Canary builds. (i have 15.0.865.0 canary on Windows 7 x64 at the moment) Demo applications work just fine.

I like to use MediaElementAudioSourceNode because i like to play a larger OGG music. For such audio files the API says that i should use this instead of AudioBufferSourceNode.

I've written a very simple example:

  <script type="text/javascript">
      var audioElement = document.createElement('audio');
      audioElement.setAttribute('src', 'dubfx.ogg');

      var audioContext = new webkitAudioContext();
      var streamingAudioSource = audioContext.createMediaElementSource(audioElement);
      streamingAudioSource.connect(audioContext.destination);
  </script>

However i just hear clicks instead of actual audio. I see no errors in the JavaScript console so i guess the code is okay, maybe some initialization is missing. If i call audioElement.play() instead of the routing through the Web Audio API, the music plays just fine. Did i miss something or maybe the current WebKit implementation is broken?

分享到QQ

分享到微博