0

Сегодня неожиданно для себя заметил, что Опера перестала вопсроизводить html5 audio (mp3-файл) локально. То есть если выгрузить код и мп3-файл на сервер, то она воспроизводит нормально, но при открытии этого же html-файла с тегом audio и ссылкой локально, уже не работает. То есть такой код (к примеру):

<audio src="assets/test.mp3" controls></audio>

На сервере работает без проблем, локально на компьютере не воспроизводит. Кто знает, в чем причина? Неужели cors? В том же Хроме работает без проблем и локально, и на сервере.

4
  • А вы просто открываете html-файл в браузере, или запускаете локальный сервер?
    – devtwo
    23 июл 2017 в 10:29
  • Просто открываю html в браузере, естессно. Если разверну локальный сервак, то будет тот же эффект, что и с сайта. А интересно все же, почему не работает локально, работало раньше, и в Хроме работает. Я понимаю там, что xhr-запросы не проходят при локальном открытии из-за CORS, но обычная музыка... 23 июл 2017 в 10:40
  • Попробовал, но толку ожидаемо никакого. Проблема в том, что сам файл оно находит, иначе выбрасывает 404 в консоль. Но играть - не играет. При попытке запустить насильно через js (.play() ) выбрасывает ошибку "Uncaught (in promise) DOMException: The element has no supported sources.". Это какой-то конкретный баг Оперы, в Хроме такого нет. Вот я и думаю, мож есть настройка какая-то хитрая, потому что бред же. 23 июл 2017 в 10:44
  • Потому что нужно указывать source. Код в ответе.
    – devtwo
    23 июл 2017 в 10:47

2 ответа 2

0

Вот так работает:

<audio controls>
  <source src="file.mp3" type="audio/mpeg">
</audio>
5
  • Хм. Действительно работает. Весьма интересно, в чем причина. С сервера работает без всяких source. В Хроме работает и локально, и с сервера, а вдруг конкретно в Опере и конкретно локально нужен source, да еще и с указанием типа (без него не работает). Это весьма занимательно, но как теперь создать такой элемент из js? Через new Audio() не сработает, нужно new Source что ли делать и аппендить в Аудио, с указанием типа? 23 июл 2017 в 10:53
  • Это, видимо, особенность работы вебкита c локальными файлами.
    – devtwo
    23 июл 2017 в 10:59
  • А Хром разве не Вебкит? 23 июл 2017 в 11:02
  • @IliaSharapov они все blink, если быть более точным. И действительно, это какая-то странная проблема. Думаю, стоит написать об этом в баг-трекер оперы.
    – devtwo
    23 июл 2017 в 11:08
  • 1
    Опере написал об этом баге. Спасибо вам за помощь! 23 июл 2017 в 11:16
0

Вот так вот можно создать на js такую конструкцию (вдруг пригодится кому-то):

var alarmSound = new Audio();
var alarmsource = document.createElement('source');
alarmsource.src='test.mp3';
alarmsource.type='audio/mpeg';
alarmSound.appendChild(alarmsource);

Но поведение весьма странное.

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.