Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   Не воспроизводится mp3 файл в Chrome прописанный в html файле. (https://javascript.ru/forum/xhtml-html-css/79544-ne-vosproizvoditsya-mp3-fajjl-v-chrome-propisannyjj-v-html-fajjle.html)

III 20.02.2020 16:45

Не воспроизводится mp3 файл в Chrome прописанный в html файле.
 
Всем привет. Вот таким образом прописан mp3 файл в HTML
<audio autoplay="autoplay">
<source src="./1.mp3" type="audio/mpeg">
</audio>
. В других браузерах все работает, а в Chrome нет. Пробовал файл формата wav, тоже не работает в Chrome.
Спецы подскажите как всё исправить чтобы работало в Chrome.
Всем спасибо.

рони 20.02.2020 17:01

III,
Цитата:

Не все браузеры поддерживают одинаковые форматы аудио. Вы можете предоставить множество источников внутри вложенных элементов <source> и тогда браузер будет использовать первый, который он понимает
<audio controls>
  <source src="myAudio.mp3" type="audio/mpeg">
  <source src="myAudio.ogg" type="audio/ogg">
  <p>Ваш браузер не поддерживает HTML5 аудио. Вот взамен 
     <a href="myAudio.mp4">ссылка на аудио</a></p>
</audio>

добавить файл и тег
<source src="./1.ogg" type="audio/ogg">

https://developer.mozilla.org/ru/doc.../Element/audio

III 20.02.2020 18:06

Спасибо за подсказку. Сделал так
<audio autoplay>
    <source src="./1.ogg" type='audio/ogg; codecs=vorbis'>     
   </audio>

<figure>
    <figcaption>Включить музыку</figcaption>
    <audio
        controls
src="./1.mp3"       
src="./1.ogg">
            <code>audio</code> element.
    </audio>
</figure>

Работает в Chrome при включении контрола, в Edge музыка включается автоматом и контрол не активен, в internet explorer не работает и контрол не активен. В корневом каталоге два файла 1 блюз.mp3" и 1 блюз.ogg".
В чём опять проблема?

III 20.02.2020 18:42

Всем спасибо. Сделал так
<figure>
    <figcaption>Включить музыку</figcaption>
    <audio
        controls
src="./1.mp3"      
src="./1.ogg">
            <code>audio</code> element.
    </audio>
</figure>

работает во всех 3 браузерах.


Часовой пояс GMT +3, время: 01:33.