2015-12-30 3 views
2

У меня есть музыка, хранящаяся в отдельной папке, которую я пытаюсь воспроизвести, однако музыка не будет воспроизводиться. Любая идея почему? Вся помощь приветствуется и благодарит заранее. Также пытаюсь сделать то же самое в Jade, поэтому, если вы, ребята, скажете мне код для этого, было бы здорово!Аудио не воспроизводится в html

<body> 
    <li> 
     <audio controls> 
      <source src="./songs/Remember-The-Name.mp3" type="audio/mp3"> 
     </audio> 
    </li> 
<body> 

Путь к HTML файлу:

/User/Desktop/music-app/views/test.html

Путь к аудиофайла:

/Пользователь/Рабочий стол/музыка-приложение/песни/-Name.mp3

+0

также пытаюсь работать с m4a, который Кажется, что не работает ни – beekeeper

+0

, проверял ли он правильный путь? Например. если он загружен в сетевой раздел вашего инструмента разработчика (F12) – CoderPi

+0

https://www.dropbox.com/s/sq2ev5vaa74eamq/Screenshot%202015-12-30%2014.15.51.png?dl=0. Это мой каталог, есть ли что-то не так? – beekeeper

ответ

1

Вы можете динамически генерировать аудио-плеер, я считаю, ваш проблема заключается в правильном пути к вашему mp3. Используйте этот код и изменить значение SRC на линии 6. Если вы сомневаетесь, использовать абсолютный путь или в вашем случае относительного пути ../songs/Remember-The-Name.mp3

var audio = document.createElement('audio'); 
 
var source = document.createElement('source'); 
 
var media = document.getElementById('media'); 
 
media.appendChild(audio); 
 
audio.appendChild(source); 
 
source.setAttribute('src', 'https://glpro.s3.amazonaws.com/_util/smpte/111.mp3'); 
 
source.setAttribute('type', 'audio/mpeg'); 
 
audio.setAttribute('controls', 'controls');
<section id="media"></section>

+0

В настоящее время я не использую какой-либо код javascript для моего внешнего конца, есть ли способ сделать это без него? – beekeeper

+1

Уверен, что это хорошо, просто помните, что 'type = audio/mpeg' для mp3. и для 'src', попробуйте' ../ песни/Remember-The-Name.mp3' – zer00ne

+2

Если это сработает для вас, дайте Рахулу Кумару принять и дать мне возвышение;) – zer00ne

2

Попробуйте это .. Он работает ..

Добавить .. в Гото предыдущий каталог и использовать type="audio/mpeg"

<body> 
    <li> 
     <audio controls> 
      <source src="../songs/Remember-The-Name.mp3" type="audio/mpeg"> 
     </audio> 
    </li> 
<body> 
+0

Такая же проблема, как и раньше, она воспитывает игрока, однако игрок не работает – beekeeper

+2

Его решение должно работать, учитывая пути к файлам. – Phiter

+0

У меня была ошибка имени, когда я впервые попробовал свой план, он действительно работает. Я просто был немым :( – beekeeper

Смежные вопросы