在 Chrome 和 Firefox 中播放实时流音频的问题

Question

我有一个 MP3 音频流包含在通过 CloudFront 传送的 .m3u8 文件中。应用程序已成功使用它来播放音频，但我正在尝试在浏览器中播放它。

我已经尝试了基本的 HTML <audio> 标签，以及更复杂的实现，例如 videojs。在所有情况下，音频在 Safari 中都能正常播放，但在 Chrome 或 Firefox 中无法播放。

使用video.js：

<body>
  <video id="my-video" class="video-js" controls preload="auto" width="640" height="264" data-setup='{"liveui": true}'>
<source src="https://d1q1pwal4ma0iv.cloudfront.net/playlist.m3u8" type="application/x-mpegURL"/>
  </video>

  <script src="https://vjs.zencdn.net/7.7.6/video.js"></script>
</body>

HTML:

<audio
    controls src="https://d1q1pwal4ma0iv.cloudfront.net/playlist.m3u8">
        Your browser does not support the
        <code>audio</code> element.
</audio>

有没有人知道它是关于 Chrome 和 Firefox 的，这意味着它不能在那里播放？

Answer 1

Video.js 不支持 HLS 中的 mp3。带 acc 的 HLS 可以工作。

在 Chrome 和 Firefox 中播放实时流音频的问题

Issues playing live stream audio in Chrome and Firefox

html

audio

streaming

video.js