메뉴 건너뛰기

뭐가 잘못됬는지 잘모르겠습니다.ㅠ_ㅠ

바쁘신와중에 실례를 무릎쓰고 조언을 구할곳이 없어 이렇게 문의 드립니다.

음악파일과 이미지파일은 뺐구요

재생 잘됬었는데 마우스오버 기능을 추가했더니 안되네요 ㅠ_ㅠ;;;

 

?
  • profile
    황기태 2019.01.26 01:38

    소스 코드 다 보지는 못했지만,
    기본적으로 틀린 곳이 있습니다.
    HTML 페이지의 <head> 부분에 다음과 같이 자바 스크립트를 삽입하였는데
    <script type="text/javascript" src="audio6.js"></script>

    audio6.js 파일의 처음에 var audio = document.getElementById("audio"); 의 코드가 실행되네요.
    아직 다음 코드가 나오기 전이라서 document 객체는 id가 audio인 다음 객체가 없다고 할 것 입니다.
    <audio id="audio" src= ...>

    이 때문에 변수 audio 는 null이 되고 그 다음부터는 자바스크립트 코드의 audio.play();나 audio.pause(); 등은 계속 오류가 납니다.
    그래서 다음과 같이 고쳐주어야 합니다. 플레이 시켜 받는데 잘 됩니다.

    ------- audio6.js ---------------------
    window.onload = init; // html 파일의 로딩이 끝나면 init() 함수를 호출하도록 지시

    var audio;
    function init() {
    audio = document.getElementById("audio"); // HTML 페이지가 모두 로딩되어 <audio id="audio" src= ...> 태그 찾기 성공ㅇ
    }
    function control(e) {
    var id = e.target.id;
    if(id == "play") {
    audio.play();
    }
    else if(id == "pause") {
    audio.pause();
    }
    else if(id == "pront") {
    audio.currentTime = audio.currentTime+5;
    }
    else if(id == "back") {
    audio.currentTime = audio.currentTime-5;
    }
    }


QnA

공부하면서 궁금했던 것을 질문해보세요.

List of Articles
번호 제목 글쓴이 날짜 조회 수
공지 읽어주세요! 연습문제 및 실습문제 정답 공개에 관한 공지입니다. file 관리자 2017.06.21 18173
162 5장 연습문제 홀수 번 질문 1 채XX 2019.06.17 1985
161 7장 실습문제10번 자바 2019.06.13 744
160 1장 1 ㅇㄹㅇㄹ 2019.06.07 231
159 <li> 1 랄라 2019.05.29 69
158 실습문제 7장 2번의 입력된 반대순으로 출력이 넘 힘듭니다 도움좀 주세요 제발 ㅠㅠ 도널드임 2019.05.27 1105
157 10장 이론문제 10번 질문입니다. 3 하늘하 2019.05.15 849
156 명품 html5+css3책과 HTML의 차이가 궁금합니다 저자님 2 보안 2019.05.03 326
155 궁금한게 있어요 마맘마 2019.04.19 181
154 4장 6번문제 물어볼려고합니다 1 배재한 2019.04.16 556
153 5단원 실습 6-2번 질문합니다 2 공부해염 2019.04.13 222
152 이거 오타인가요? 1 HTML5 2019.04.11 212
151 5장 연습문제 질문 1 5장 연습문제 질문 2019.04.05 1484
» 마우스오버기능 이용해서 플레이되는 오디오 제작중인데요 1 file 성북동뽀글이 2019.01.25 290
149 살다 살다 답을 반쪽만 주는 책은 처음입니다 1 음음 2019.01.24 8842
148 예제 13-02 2 성북동 뽀글이 2019.01.22 146
147 몽구스 질문있습니다 ㅜㅜ 3 몽구스초보입니다 2019.01.10 1003
146 실습문제답도 제공이 안되는 건가요? 2 아침이 2019.01.07 311
145 자바스크립트의 컴파일오류 2 1234 2018.12.22 1806
144 7장 2번 무지 2018.12.18 319
143 7장 10번 트레비 2018.12.18 321
목록
Board Pagination Prev 1 ... 8 9 10 11 12 13 14 15 16 17 ... 21 Next
/ 21
위로