http://pieterhordijk.com/sandbox/test.mp3 - это аудио / MPEG, что хорошо.Однако, когда я загружаю его с помощью Opera, он по какой-то причине выходит поврежденным, и я не могу добавить его в плейлист Foobar или что-то еще.Но он хорошо загружается с помощью wget, так что это может быть просто проблема с Opera или что-то необычное, что сервер дает Opera.Загрузка mp3 с помощью , конечно же, не работает в Opera, поскольку Opera не поддерживает этот формат.
http://pieterhordijk.com/sandbox/test.ogg используется как audio / ogg, что хорошо.И теперь он также содержит vorbis вместо flac (так как вы исправили это).Он не будет воспроизводиться в Opera удаленно, но будет играть нормально, если я скачаю файл и открою его в Opera локально.Он также хорошо играет в Foobar.
http://pieterhordijk.com/sandbox/test.oga подается с неверным типом пантомимы.Он используется как text / plain, но должен использоваться как audio / ogg (это можно исправить в .htaccess).Но он содержит vorbis и может быть воспроизведен с Foobar.Опять же, этот не будет играть удаленно в Opera.Но если я скачаю его и открою его в Opera локально, это не вызовет проблем.
http://pieterhordijk.com/sandbox/test.wav - это аудио / x-wav, что хорошо.Но wav-файл неприемлем для потоковой передачи, поскольку его размер составляет 30,9 МБ, а воспроизведение может быть ужасным, если оно не будет полностью загружено.По крайней мере, этот играет в Opera удаленно.
Однако на моем сайте все работает хорошо.См. http://shadow2531.com/opera/testcases/plugins/temp/peehaa/test_audio_vorbis.html. Ваш файл oga воспроизводится в Opera без проблем, и он должен вернуться к mp3 для UA, которые не поддерживают Vorbis.
С учетом сказанного кажется, что это что-то сСервер обслуживает файлы.Единственное отличие, которое я заметил, заключается в том, что ваш сервер отправляет заголовок Vary: Accept-Encoding.Но не уверен, является ли это причиной или нет.
Теперь, как вы увидите из моей тестовой страницы, он использует:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<p>
<audio controls width="300">
<source src="test.oga" type='audio/ogg; codecs="vorbis"'>
<source src="test.mp3" type="audio/mpeg">
<a href="test.oga">test.oga</a>
<a href="test.mp3">test.mp3</a>
</audio>
</p>
</body>
</html>
Вот как вы можете использовать другие типы,См. http://www.whatwg.org/specs/web-apps/current-work/multipage/the-iframe-element.html#the-source-element для получения дополнительной информации.Если mp3 и vorbis недостаточно, вы можете добавить aac audio в контейнер mp4 / m4a как еще один запасной вариант.