blocks|key|265539|text|选项1可能不起作用，因为音频标签不能播放原始音频数据(我假设这就是您所说的PCM音频数据，或者我错了？)。每个浏览器都需要特定的编解码器。在音频标签的顶部播放没有间隙的东西是完全不可靠的。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|265540|选项2可能行得通。web音频api包含的缓冲区可能会填充原始数据并播放，但我从未尝试过这样做。现在最大的缺点是:+a.只有Chrome；b.用户需要通过输入about:flag来配置chrome，并启用Web+Audio，这可能会让一些人感到害怕。|265541|第三种选择是音频数据API，这是一种折衷方案。我自己从来没有试过，但从规格来看，它看起来就是你想要的。我不知道如何实现，所以你必须自己做一些研究:)+https://wiki.mozilla.org/Audio_Data_API#Writing_Audio|offset|length|265542|请不要因为我在脑海中给出了这些答案，而且我对HTML5音频还很陌生。|265543|entityMap|0|LINK|mutability|MUTABLE|url|https://wiki.mozilla.org/Audio_Data_API#Writing_Audio^0|0|0|23|1H|0|0|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|S|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|T|8|@]|9|@$F|U|G|V|1|W]]|A|$]]|$1|H|3|I|5|6|7|X|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|K|$L|$5|M|N|O|A|$P|Q]]]]

Option 1 will probably not work because the audio tag doesn't play raw audio data (which I assume is what you mean by PCM audio data, or am I wrong?). Every browser needs specific codecs. To top it of the audio tag is not reliable at all to play things without gaps. 

Option 2 might work. The web audio api contains buffers which probably could be filled with raw data and played, but I've never tried doing so. The big drawback right now is that; a. Chrome only b. the user needs to configure chrome by typing about:flags and enable Web Audio which might be scary to some.

A third option would be the Audio Data API which is something of a middle ground. I've never tried it myself, but from the spec it looks like exactly what you're looking for. I dunno about implementations though, so you'd have to do some research on your own :)
<a href="https://wiki.mozilla.org/Audio_Data_API#Writing_Audio" rel="nofollow">https://wiki.mozilla.org/Audio_Data_API#Writing_Audio</a>

Please not that I'm giving these answers on top of my head, and I'm still pretty new to HTML5 audio.

blocks|key|3167776|text|安排音频是Web+audio+API的设计目标。如果您将解码的PCM音频块作为类型化数组(AUDIO_CHUNKS)，则可以使用noteOn()为每个块创建音频缓冲区，并在准确的时间(一个接一个)调度它们。类似于：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|3167777|var+startTime+=+0;

for+(var+i+=+0,+audioChunk;+audioChunk+=+AUDIO_CHUNKS[i];+%2B%2Bi)+{
++//+Create/set+audio+buffer+for+each+chunk
++var+audioBuffer+=+audioCtx.createBuffer(NUM_CHANNELS,+NUM_SAMPLES,+SAMPLE_RATE);
++audioBuffer.getChannelData(0).set(audioChunk);

++var+source+=+audioCtx.createBufferSource();
++source.buffer+=+audioBuffer;
++source.noteOn(startTime);
++source.connect(audioCtx.destination);

++startTime+%2B=+audioBuffer.duration;
}|code-block|syntax|javascript|3167778|entityMap^0|19|C|1S|8|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]|$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|R|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|S|8|@]|D|@]|E|$]]]|L|$]]

Scheduling audio is something the Web Audio API was designed for. If you have the decoded PCM audio chunks as typed arrays (<code>AUDIO_CHUNKS</code>), you can create audio buffers for each chunk, and schedule them at an exact time (one after the other) using <code>noteOn()</code>. Something like:

<pre><code>var startTime = 0;

for (var i = 0, audioChunk; audioChunk = AUDIO_CHUNKS[i]; ++i) {
 // Create/set audio buffer for each chunk
 var audioBuffer = audioCtx.createBuffer(NUM_CHANNELS, NUM_SAMPLES, SAMPLE_RATE);
 audioBuffer.getChannelData(0).set(audioChunk);

 var source = audioCtx.createBufferSource();
 source.buffer = audioBuffer;
 source.noteOn(startTime);
 source.connect(audioCtx.destination);

 startTime += audioBuffer.duration;
}
</code></pre>

I am receiving PCM audio data from the server in small chunks and having them stored in an Array. Now I would like to play these audio chunks sequentially without gaps using some HTML5 capability. Two options which I am looking at as 'possible' solutions are:

<ol>
<li>HTML5 Audio tag with <a href="http://en.wikipedia.org/wiki/Data_Uri" rel="noreferrer">Data URI</a></li>
<li><a href="http://chromium.googlecode.com/svn/trunk/samples/audio/specification/specification.html" rel="noreferrer">Web audio API</a></li>
</ol>

While I am investigating these options, please suggest me any other option or views on the two options I am looking at. Though a cross platform solution will be the best but I can settle for Chrome only solution as

Audio data streaming in HTML5

服务器

HTML5

我正在从服务器接收小块的PCM音频数据，并将它们存储在一个数组中。现在，我想使用一些HTML5功能按顺序播放这些音频块，没有间隙。我认为“可能”的解决方案有两个：带的HTML5音频标签当我研究这些选项时，请向我推荐任何其他选项或对我正在考虑的两个选项的看法。虽然跨平台解决方案将是最好的，但我可以满足于Chrome唯一的...

问HTML5中的音频数据流
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问HTML5中的音频数据流EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问HTML5中的音频数据流
EN