用html5播放m3u播放列表

Question

我已经创建了一个非常简单和基本的html5音频播放器，实际上不超过：

<audio src="[url-to-m3u]" controls>

但我面临两个问题，这个简单的音频标签在Chrome上可以使用，但在Safari 7上不行；第二个问题是，它不能在我的iPhone iOS7和HTC Android 2.3上使用

Answer 1

我猜对m3u文件格式的支持要分散在HTML5媒体兼容浏览器中了。

它应该在IOS上播放：尝试将MIME类型的Audio/MPEGURL或Application/X-MPEGURL添加到您的服务器（如果还没有这样做的话）和我们的源标签。

<audio controls>
    <source src="[url-to-m3u]" type="audio/mpegURL" />
</audio>

您需要使用canPlayType方法检查浏览器是否支持mp3和m3u-示例：

var supportsMp3 = false;
var myAudio = document.createElement('audio');
if (myAudio.canPlayType('audio/mpeg') !== ""){supportsMp3 = true;}

此外，您的m3u文件可以使用JS解析，以提取MP3URL(m3u文件通常只引用项目的播放列表）。之后，它只是动态改变音频标签的src与正确的mp3 URL。