Safari에서 재생/일시 정지 버튼이 제대로 작동하게 하려면 어떻게 해야 합니까?

Question

Chrome에서는 작동하지만 Safari에서는 작동하지 않는 작은 버튼 상황이 있습니다. 나는 성공하지 못한 채 여러 곳에서 자동 재생을 시도했습니다. 내가 여기서 무엇을 놓치고 있는 걸까요? 공유하기 위해 온라인에 사운드를 게시하지 않았음을 참고하세요. 처음에는 Base64로 인코딩된 사운드 파일을 사용하고 있었습니다. 더 짧은 것을 찾을 수 있다면 이 게시물을 편집하겠지만 SO의 편집자는 내 게시물에 이 게시물을 포함하도록 제한합니다.

으아악

도움이 된다면 JS Fiddle에 대한 링크를 확인하세요. 감사해요.

https://jsfiddle.net/anonymouspenguin/kevhq7x1/1/

Answer 1

Safari에서 디버깅하는 방법은 잘 모르겠지만 Google Chrome에서는 줄임표(세로 점 3개 아이콘)를 클릭하고 설정, 개발자 도구를 차례로 선택합니다.

콘솔로 이동 > 콘솔 지우기 > 버튼을 클릭하세요

이 오류가 발생했습니다. 버튼 라벨의 두 onmouseup 및 ontouchpad 속성이 다른 속성과 충돌합니다. 제거해 주세요. 재생이 제대로 작동하면 다음 오류를 찾아서 계속하세요.

---

버튼 HTML 태그에 속성을 넣는 대신 다음을 시도해 볼 수 있습니다.

으아악