컴퓨터 응용 프로그램의 기능 중 하나는 사용자가 뭔가를 할 때 피드백이 있다는 것입니다. 가장 일반적인 피드백 유형은 소리입니다. 컴퓨터는 사물을 선택하거나, 오류가있을 때 경고음을 내며, 상황을 알려주는 다른 소음을냅니다. 그러나 웹 페이지에는 이러한 유형의 피드백이 없습니다. 이것은 그것들이 둔하거나 비 반응적인 것처럼 보입니다.
운 좋게도 쉽게 변경할 수 있습니다. 동적 HTML 속성과 소리를 사용하면 응용 프로그램처럼 작동하는 웹 페이지를 만들 수 있습니다.
고객이 무언가를 클릭 할 때 소리 추가
이 스크립트는 고객이 속성을 사용하여 무언가를 클릭 할 때 및 고객이 속성을 사용하여 무언가를 롤오버 할 때 사운드 효과를 추가합니다. 링크가 아닌 요소의 마우스 오버 및 클릭 속성에서 모든 웹 브라우저가 처리하지는 않으므로 여러 브라우저에서 테스트해야합니다.
HTML 문서의 HEAD에 다음 스크립트를 추가합니다.
JavaScript는 스크립트가 시작될 때 빈 SPAN 요소 안에 EMBED 요소를 배치합니다. 따라서 다음 SPAN 태그를 HTML 페이지의 BODY 어딘가에 추가해야합니다.이 SPAN 태그는 문서 상단 근처에 배치하는 것이 좋습니다. 추가해야 할 마지막 사항은 클릭시 또는 마우스 오버시 사운드를 생성하려는 요소입니다. 이 속성 중 하나를 사용하여 스크립트를 호출하십시오. UrlToSoundFile을 재생할 사운드 파일의 전체 URL로 대체하십시오. 소리를 들으려면 여기를 클릭하십시오.<> onmouseover = "playSound ( 'UrlToSoundFile');" > 소리를 들으려면이 텍스트 위에 마우스를 올려 놓으십시오.
Bluejay의 사운드를 재생하는 전체 HTML 문서가 있습니다. 사운드 파일은 HTML 페이지와 동일한 디렉토리에 저장됩니다.
새를 들으려면 여기를 클릭하십시오. 사운드를 빈 스팬에 배치하십시오.
속성으로 스크립트 호출하기
