我在 Chrome 和 Safari 浏览器中遇到HTML5 audio track duration
问题。 (手机也是) Firefox 很好。
它没有显示曲目的持续时间,而是在它的位置显示“Infinity:Nan:Nan”。
我正在使用jquery plugin自动创建标准HTML5 <audio>
标记的曲目的后备Flash文件:
<audio controls preload="none" itemprop="audio">
<source src="http://my-site/path/to/tracks/mus/Town_Where_I_Live_Prev.mp3" />
</audio>
音乐播放器可以正常播放曲目,只是无法正确显示持续时间编号。
我想知道它是否与HTTP标头有关?我发现this我希望能解决我的问题,但我认为我做错了。他提到他必须将内容类型更改为"application/octet-stream"
,并为他解决了问题。当我检查网站的标题时,我只看到"text/html; charset=UTF-8"
。我甚至没有看到关于"audio/mpeg"
的任何内容,但是即使没有这些,轨道也会很好。所以我的问题是你认为这对我来说可能是一个修复,如果是这样,我该如何添加/编辑我的网站的HTTP标题呢?
我用自定义的wordpres主题构建了这个网站,所以我尝试将以下内容添加到我的functions.php文件中以更改标题:
add_action( 'send_headers', 'add_header_vary_useragent' );
function add_header_vary_useragent() {
header( 'Vary: User-Agent' );
}
而不是Vary: User-Agent
我将其更改为'Content-type: application/octet-stream'
这样做之后,如果我访问该网站,浏览器实际上会自动下载索引文件。 Safari 甚至不打开它,所以我很确定这是错误的。
我还发现了this over at the Wordpress area修改它,但我不清楚我应该用它做什么。我知道我的网站建立在wordpress上,但我认为这不一定与WP相关,所以我在这里发布了。
非常感谢任何方向或建议!