2013-06-27 1 views
3

iPonhe에서 작동하지 않는 오디오 태그에 문제가 있습니다. W3Schools의 웹 사이트에서 테스트하지만iPhone HTML5 오디오 태그가 작동하지 않습니다.

<audio autoplay ><source src="audio/alarm1.mp3" type="audio/mpeg"></audio> 

이 코드는 데스크톱 및 안드로이드 브라우저에서 잘 작동 아래에있는 내 하나 작동하지 않습니다 때 그냥 아이팟하거나 편집 아이폰 사파리

하지, HTML5 오디오 태그를 재생

오디오 파일이 제대로 작동하고있는 것 같습니다. autoplay

사용자가 버튼을 누른 후 재생할 수있는 방법이 있습니까? 언제 사용자 개입없이 필요합니까?

+0

doctype이 무엇입니까 – meda

+0

그냥 ''입니다. 다른 오디오 태그는 정상적으로 작동합니다. –

+0

아이폰 (사파리)에서 미디어를 자동 재생할 수 있습니다. http://stackoverflow.com/questions/4259928/how-can-i-autoplay-media-in-ios-4-2-1-mobile-safari – l2aelba

답변

7

iOS 및 Android에서 자동 재생이 작동하지 않습니다. 오디오 또는 비디오를 재생하려면 사용자 상호 작용이 필요합니다.

사용자 이벤트 (클릭/터치 시작)에서 오디오를 재생하면 정상적으로 재생됩니다.

재생할 사용자 이벤트가 없으면 일반적으로 문서에서 터치 시작 이벤트를 바인딩하고 내가 재생 한 첫 번째 터치 시작시 오디오를 재생하고 일시 중지합니다. 그런 다음 오디오를 재생해야 할 때마다 다시 재생합니다. 오디오가 재생되고 사용자 상호 작용을 사용하여 한 번 일시 중지되면 다음 번에 사용자 상호 작용없이 다시 재생할 수 있습니다.

//play and pause it once 
document.addEventListener('touchstart', function() { 
    document.getElementsByTagName('audio')[0].play(); 
    document.getElementsByTagName('audio')[0].pause(); 
}); 

//now play whenever you want it to play 
+0

사용자 입력으로 자격이있는 이벤트가 iOS 버전간에 일치하지 않는 것 같습니다. 및 오디오 API를 사용하므로 실험이 필요합니다. SpeechSynthesis는 내 iPads에서 터치 시작으로 시작할 수는 없지만 마우스 클릭 또는 클릭은 정상적으로 작동합니다. –

0

이것은 "미디어"자동 재생으로 시작됩니다 (내 게시물을 확인해보십시오. 자세한 내용은이 질문에 답변했습니다).

컨트롤러가로드 된 후 html을로드 한 다음 ui webview에서 설정을 설정하십시오.

내 이전 게시물을 확인하십시오. 최근에이를 검색하여 알아 냈습니다.