Question

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

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

or

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

</audio>

我在IOS7上的野生动物园测试过。它无法播放。

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

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。

Answer 2

你不提全名（带扩展名）。

<source src="12.mp4" type="audio/mpeg">

Answer 3

尝试以下HTML5音频标记的正确语法：

<audio controls="controls">
<source  src="audio.mp3">
<p>Your browser does not support the audio element.</p>
</audio>

Safari HTML5音频无法在没有扩展名的情况下加载文件

3 个答案: