mobile-safari - Safari HTML5 音频无法加载没有扩展名的文件

Question

我有一个没有扩展名的音乐文件，例如，如果您删除音乐文件的 mp3 后缀，然后嵌入音频标签。

<audio preload="auto" controls="controls">
    <source src="12" type="audio/mpeg">
</audio>

or

<audio preload="auto" src="12" controls="controls">

</audio>

我在 IOS7 上的 safari 上进行了测试。它不能播放。

有没有人可以解决这个问题？

Answer 1

环顾四周，终于找到了一个使用 wavesurfer.js 的解决方案

这种方法不是最好的解决方案，而只是为我解决了这个令人头疼的问题。
在 Safari 和 IOS Safari 上工作。

1)包括JS库。

<script src="//cdnjs.cloudflare.com/ajax/libs/wavesurfer.js/1.0.52/wavesurfer.min.js"></script>

2)通常你不需要波形，所以你可以隐藏它。

<div id="waveform" style="display:none"></div> 

3) 只需为隐藏波形设置一些默认设置即可。

var wavesurfer = WaveSurfer.create({
    container: '#waveform',
    waveColor: 'violet',
    progressColor: 'purple'
});

4) 现在您可以使用没有扩展名的文件名。

wavesurfer.load('12'); // '12' is my mp3 file name

5) 最后，您必须使用他们的 API Docs 定义您自己的控制栏。 .

$(some_button).on('click', function() {
    wavesurfer.playPause();
});

顺便说一句，如果你发现波形功能很有趣，这个插件是一个加号 LOL。