개체 배열에서 오디오 파일에 액세스

HTML/JavaScript 퀴즈에 오디오 요소를 추가하려고합니다 (JSFiddle : http://jsfiddle.net/55aJt/3/ 참조). 이 아무것도로드되지 않습니다 내 오디오 플레이어로 작동하지 않는개체 배열에서 오디오 파일에 액세스

var allQuestions = [{ 
    question: "http://www.w3schools.com/html/horse.mp3", 
    choices: ["3rd", "5th", "4th"], 
    correctAnswer: 2 
},

<audio id="myAudio" src="" controls></audio>

내 배열 '질문'속성에서 재생하려면 : 나는 빈 오디오 태그를 가지고있다. 개체에서 오디오 플레이어로 데이터를 보내는 내 함수는 분명히 잘못되었습니다. 누군가 내가 잘못하고있는 것에 대해 약간의 빛을 비춰 줄 수 있습니까?

출처

2014-04-21 Fracas

이유는 단지 데이터를 각 질문 개체에 새 속성을 추가 할 각 질문에 대한 오디오 플레이어에 전송하는

function nextQuestion() { updateScore(); questionCount++; showScore(); showQuestion(); var audio = document.getElementById('myAudio') audio.src = (allQuestions[questionCount].audioSrc); }

? – William

그래, 그게 내가 해왔 던 (실패한)거야! 내가 지금 가지고있는 것은 내가 생각하는 것보다 훨씬 가깝다. 내 질문을 업데이 트하겠습니다 ... – Fracas

나는 아래의 질문에 대답했다. 그것이 당신을 위해 작동한다면 알려주세요, 그렇다면 ... 동의하십시오 (체크 표시를 확인하십시오). 코멘트를 남기지 않으면 도와 드리겠습니다. – William

이것은 완전한 대답은 아니지만 올바른 방향으로 가는지 확인하십시오.

http://jsfiddle.net/55aJt/9/

기본적으로 당신은 자바 스크립트를 통해 audio.src을 변경할 수 있습니다. 그래서 나는 그것을 사용자가 다음 버튼을 클릭 할 때 변경되는 객체 속성으로 대체했습니다. 첫 번째 src의 기본값은 오디오 태그의 초기 src입니다. 원한다면 코드를 수정할 수는 있지만 괜찮을 수도 있습니다.

var allQuestions = [{ 
    question: "Identify the musical interval", 
    choices: ["3rd", "5th", "4th"], 
    correctAnswer: 2, 
    audioSrc: " defaults to the original .ogg file" 

}, { 
    question: "Which of the following best describes this chord?", 
    choices: ["Major", "Minor", "Diminished"], 
    correctAnswer: 0, 
    audioSrc:" http://en.wikiaudio.org/images/b/b8/MPC60_626_Cym_da_China_.wav" 

}];

그런

출처

2014-04-23 11:20:12 William

네, 작동합니다! 그것에 대해 흥미로운 방법입니다. 질문의 순서를 무작위로 지정하고 싶다면 미래에는 문제가 될 수 있지만 지금은 괜찮습니다. 감사! – Fracas

페이지의 오디오 src를 allQuestions [0] .audioSrc가되도록 설정하여 문제를 해결할 수 있습니다. – William

개체 배열에서 오디오 파일에 액세스

답변

관련 문제