시각장애인을 위한 홈페이지를 만들려고합니다. 많은 협조 부탁드립니다.
본문
시각장애인 홈페이지를 만들려고 합니다. 그래서 시각장애인들을 컴퓨터을 할수 있게 협조 고수님들의 협조 부탁드립니다.
현실적으로 시각장애인들은 볼수가 없어서 녹음한 음성을 들어서 컴퓨터를 할 수 있게 도울려고 합니다.
마우스가 이미지 버튼에 올라가면 녹음한 그 카테고리 제목이 음성으로 나오게 하려고 합니다.
음성파일은 mp4로 녹음하였구요... 이제는 이걸 구현 하여야 하는데... 제가 소스를 잘 모르고 어디에 어떻게 넣어야 하는지도 몰라고... 초보자입니다. 자세하고 쉬운 설명 부탁드립니다.
여러분의 도움에 많은 시각자애인들에 도움이 되고자 합니다.
현재 그누보도 5를 기반으로 만들려고 합니다. 초등학생에게 설명한다는 마음으로 자세한 설명 부탁드려요.
감사합니다
답변 2
버튼이 올라갈때 특정 음성파일을 실행하는거면 document 자체에다가 마우스 오버 이벤트를 걸어놓고
1. 해당하는 element 의 id 를 구한다.
2. 1에서 나오는 element 는 겹침 구조에 따라 여러개 나올수 있으므로 유효한 id 가 발견되면 이벤트 전파 중지
- event.stopPropagation()
3. 중복해서 실행되지 않도록 한번 실행한 id 를 전역변수로 저장하고 같은 아이디 이면 아무 동작안함
4. 3을 통과한 id 에 대해 연관된 mp3 파일 실행 play(mp3파일)
5, 실행한 id 는 전역변수에 id 저장
일단 element 별로 유일한 id 를 주고 해당 mp3 이름을 매칭 시키는 변수부터 만드시는게 시작일듯 합니다.
쓰고 보니 2번의 이벤트 전파 금지는 고민할게 많겠군요
필요한 element 에만 동작하도록 해야 될거 같습니다.
1,2 번 제외하면 동작은 동일합니다.
내용의 답변은 아니지만 좋은 의도로 질문을 하신 것 같아서 제 마음이 따듯해집니다^^
고수분들의 많은 조언과 도움으로 제작중이신 사이트를 꼭 완성시키시기를 응원하겠습니다!
