오디오가 html로 재생되지 않음

재생하려는 별도의 폴더에 음악이 저장되어 있는데 음악이 재생되지 않습니다. 왜 그런지 아세요? 모든 도움을 주시고 미리 감사드립니다. 또한 Jade에서도 똑같은 일을하려고하므로 여러분이 저에게 코드를 알려 주시면 역시 좋을 것입니다!

html 파일 경로 :

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

오디오 파일 경로 :

/User/Desktop/music-app/songs/Remember-The-Name.mp3

HTML
오디오
편물
이긴 흙
공유 이 질문을 개선 따르다
생성 30 dec.

화이터
12.3k1414 개의 골드 배지40은색 배지 40 개75브론즈 배지 75 개
생성 30 dec.

양봉가
811골드 배지 1 개1은색 배지 1 개10브론즈 배지 10 개
또한 하나 제대로 동작 나던 M4A, 함께 작동하도록 노력 - 양봉 12월 30일 '15 22시 12분에서
경로가 올바른지 확인 했습니까? 예 : 개발자 도구 (F12)의 네트워크 섹션에로드 된 경우 – CoderPi '15 년 12 월 30 일 22:12
dropbox.com/s/sq2ev5vaa74eamq/... . 이것이 내 디렉토리보기입니다. 잘못된 것이 있습니까? - 양봉 22시 13분에서 12월 30일 '15
@beekeeper, 오디오 파일이 HTML 파일과 같은 폴더에 있습니까? – Phiter 2015 년 12 월 30 일 22:29
@PhiterFernandes 아니 그것은 별도의 폴더에 – 양봉가 dec 30 dec. 152015-12-30 22:32
보여 4 개 의견
3 개의 답변

1

오디오 플레이어를 동적으로 생성 할 수 있습니다. 문제는 mp3에 대한 올바른 경로를 얻는 것입니다. 이 코드를 사용하고 6 행에서 src 값을 변경하십시오. 확실하지 않은 경우 절대 경로를 사용하거나 귀하의 경우 상대 경로를 사용하십시오.../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');

스 니펫 확장 공유 이 답변을 개선 따르다 생성 30 dec.

zer00ne
30.8k5골드 배지 5 개3131 개의 은색 배지49청동 배지 49 개
현재 프런트 엔드에 자바 스크립트 코드를 사용하지 않고 있습니다.이 코드없이 할 수있는 방법이 있습니까? – 양봉가 '15 12 월 30 일 22:49
1
당신의 방식은 괜찮습니다 type=audio/mpeg. mp3의 경우 를 기억하십시오 . 에 대한 src시도../songs/Remember-The-Name.mp3 – zer00ne dec 30 '15
2
그것이 당신에게 효과가 있다면, Rahul Kumar에게 동의하고 나에게 찬성표를 줘 ;) – zer00ne dec 30 '15 at 22:54
나는 이전에 시도했지만 너무 새롭습니다. (또 다른 빠른 질문, .m4a 파일을 어떻게 재생합니까? – 양봉가 dec 30 '15 at 22:57
1
걱정하지 마세요. 지금하고있는 작업을 정확히 수행하되 type="audio/mp4"mp3와 m4a를 모두로드 할 수 있다고 생각하면 별도의 요소 만 사용하면됩니다 . 파일 확장자가 다른 동일한 노래라면 의미가 있습니다. 그것은 브라우저 호환성보다 더 중요하지만 mp3는 거의 보편적이라고 생각합니다. – zer00ne 2015 년 12 월 30 일 22:58
의견을 추가하다

2

이거 해보세요 .. 작동합니다 ..

..이전 디렉토리에 추가 하고 사용type="audio/mpeg"

공유 이 답변을 개선 따르다 생성 30 dec. 생성 30 dec.

라훌 쿠마르
1,0681골드 배지 1 개10은색 배지 10 개30브론즈 배지 30 개
이전과 같은 문제입니다. 플레이어를 불러 오지만 플레이어는 작동하지 않습니다 – beekeeper dec 30 '15 at 22:21
2
그의 솔루션은 파일 경로를 고려할 때 작동합니다. – Phiter 2015 년 12 월 30 일 22:47
네, 그의 계획을 처음 시도했을 때 이름 오류가 있었는데 효과가 있습니다. 나는 단지 바보 같았다 :( – beekeeper 22:58 :
의견을 추가하다

0

오디오를 올바르게 연결했는지 확인하십시오. 그것이 저를 도왔습니다.