명확한 첫 번째 작업에 사운드를 포함시키세요.
소리가 이미 시작됐다고 가정하는 게임은 실제로는 무음인데도 음소거 아이콘을 표시할 수 있습니다. 브라우저는 사용자가 동작을 취하기 전까지 스크립트가 시작한 오디오를 제한하는 경우가 많고, 미디어 재생 요청이 거부되거나 지연될 수도 있습니다. 첫 상호작용에서 플레이어의 오디오 선택을 정하고 실제 재생 결과에 따라 인터페이스를 업데이트하세요. 그러면 동작을 예측하기 쉬워지고 예상치 못한 소리로 플레이어를 놀라게 하지 않습니다.
새로운 페이지 로드와 다른 탭에서의 복귀를 모두 테스트하세요. 자동 재생, 음소거 시스템 및 느린 오디오 자산을 차단하는 브라우저 구성을 사용해 보세요. 게임의 시각적 시작이 선택적 사운드 효과에 의해 인질로 잡혀 있지 않은지 확인하고 오디오가 시작되지 않은 경우 컨트롤 레이블이 그대로 유지되는지 확인하세요.
피드백과 오디오 상태를 일치시키세요
성공적인 play() 호출을 즉각적인 가청 출력과 동일시하지 마십시오. Promise는 비동기적으로 해결될 수 있으며 브라우저는 허가를 요청할 수 있습니다. 거부를 처리하고, 유용한 경우 재시도 작업을 표시하고, 사운드만 사용할 수 없을 때 전체 게임이 실패했음을 암시하는 오류를 보고하지 않습니다.
런타임 권한과 사용자 기본 설정 분리: 저장된 음소거 선택은 플레이어의 의도이며 현재 재생이 허용되는지 여부는 브라우저 조건입니다. 상태 변경 후 효과가 실수로 최대 볼륨으로 다시 시작되지 않도록 음소거, 음소거 해제, 일시 중지, 재개 및 장면 전환을 독립적으로 테스트합니다.
브라우저 게임 오디오 시작 관련 질문
페이지가 로드된 후 게임 음악을 자동 재생할 수 있나요?
작동한다고 단정하지 마세요. 자동 재생 규칙은 사용자 동작 없이 시작된 소리 나는 미디어와 Web Audio를 차단할 수 있습니다. 사용자가 직접 시작하는 동작을 제공하고 재생 실패를 처리하세요.
재생이 차단된 경우 사운드 버튼에 무엇이 표시되어야 합니까?
관찰한 결과에 따라 “소리 꺼짐”처럼 정확한 상태나 소리를 켜는 동작을 표시하세요. MDN은 재생이 시작됐다고 가정하지 말고 play() Promise의 결과에 대응하라고 권장합니다.
추가 읽을거리
오래된 정보를 발견하셨나요? 수정 사항 제보