是否可以在作为数据URL加载的Safari中应用.m3u

时间:2017-07-22 17:10:43

标签: ios html5 google-chrome audio

所以基本上我有一个片段,我的意思是将.m3u播放列表加载到audio元素中。播放列表编码为base64,加载数据URI。但是,它不起作用。

<audio autostart="true" loop="false">
    <source type="audio/mpegURL"
            src="data:text/plain;base64,aHR0cDovL3ZpZXRjaHJpc3RpYW4uY29tL2F1L3RjLzAwMS5tcDMNCmh0dHA6Ly92aWV0Y2hyaXN0aWFuLmNvbS9hdS90Yy8wMDIubXAz">
</audio>

但是,使用传统网址/playlist.m3u加载相同的播放列表可在iOS中使用。它在Chrome中不起作用,我现在没问题。

<audio autostart="true" loop="false">
    <source type="audio/mpegURL"
            src="/playlist.m3u">
</audio>

playlist.m3u的内容

http://vietchristian.com/au/tc/001.mp3
http://vietchristian.com/au/tc/002.mp3

问题是:

  • 是否可以在作为数据URL加载的Safari中应用.m3u
  • 奖金:我怎样才能在Chrome中实现这一目标?

1 个答案:

答案 0 :(得分:0)

我认为问题出在数据URL的MIME类型中:

src="data:text/plain;base64,aHR0cDovL3ZpZXRjaHJp....

应该为data:application/x-mpegurl;base64,aHR...,但我也注意到,在Apple设备上,该类型必须为其他类型,从而导致data:application/vnd.apple.mpegurl;base64,aHR...