我具有通过CloudFront交付的.m3u8文件中包含的MP3音频流。应用程序已成功使用它来播放音频,但是我正在尝试在浏览器中播放它。
我已经尝试了基本的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的含义有什么理论,这意味着它在那里不起作用?
Video.js在HLS中不支持mp3。带acc的HLS可以工作。