HTML5 오디오 - 진행률 표시 줄

Question

HTML5에서 MP3 플레이어를 만들려고합니다. 거의 모든 작업이 완료되었지만 필요한 것은 <audio> 태그의 기본 컨트롤을 바꾸고 내 컨트롤을 만들고 싶다는 것입니다. 재생, 일시 정지, 정지 및 볼륨과 같은 간단한 컨트롤이 완료되었지만 오디오/MP3의 지속 시간을 추적하는 진행 막대를 만들고 싶습니다. 여기서 관련 위치에서 클릭하면 트랙의 특정 위치로 이동합니다. 다음 예와 같습니다.

http://msdn.microsoft.com/en-us/library/ie/gg589528(v=vs.85).aspx

여기서 문제는 위의 예에서 파일/MP3 이미로드되어 내가 위를 변경하려면 다른 방법을 사용했을 때 실제로 document.createElement("audio");

를 사용하여 오디오 요소를 생성하고 있다는 것입니다 예를 들어 대부분 "null의 메소드 addeventlistener를 호출 할 수 없습니다."라는 오류가 발생합니다. 이 플레이어가 Chrome에서 실행되기를 바랍니다.

지원과 도움에 미리 감사드립니다.

Answer 1

이 튜토리얼의 진행률 막대 예제는 잠시 뒤에 작성되었습니다. Working with HTML5 multimedia components – Part 3: Custom controls. 호출 등은 동적으로 생성 된 audio 요소에 대해 동일해야합니다.

하지만 네가하고있는 코드 예제가 유용 할 것입니다.