이전 목록 다음

ajax의 결과에 따른 오디오 재생 문제 문의드립니다.

무시기2

4년 전 4,217

현재 코드는

를 body 에 생성을 한 상태에서

function ajaxCall(){

           $.ajax({
               type: "POST",
               url: "/etc/memo.asp",
               cache:false,
               dataType: 'json',
               async: false
           }).done(function (data) {
                   if (data.success) {
if(parseInt(data.value) > 0)
                       {
                           document.getElementById('audio_id').play();
}
                   };
           });
setTimeout('ajaxCall()', 5000);
   }

식으로 ajax에서 메모가 왔을때 소리를 나게끔 하게 만들려 합니다. 하지만 크롬에서

Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first

의 에러가 떠서 소리는 안나오고 있습니다.

iframe 으로 silence.mp3 를 넣어보기도 하고 muted 도 넣어보기도 하고 했지만 안되네요

var promise = document.querySelector('video').play();

if (promise !== undefined) {
promise.then(_ => {
// Autoplay started!
}).catch(error => {
// Autoplay was prevented.
// Show a "Play" button so that user can start playback.
});
}

식도 적용 시켜봤는데 여전히 안되고 있습니다.

제가 잘모르는 상태에서 적용시키려 해서 그런가 잘 안되고 있습니다.

잘아시는 분들의 코드 좀 부탁드리겠습니다.

감사합니다.

javascript

답변 3개 / 댓글 2개

균이

프로필 보기 이 회원 글보기 이 회원의 댓글보기

4년 전

다음과 같이 하여 테스트 해보세요

function ajaxCall(){

           $.ajax({
               type: "POST",
               url: "/etc/memo.asp",
               cache:false,
//dataType: 'json',
               async: false
           }).done(function (data) {

document.getElementById('audio_id').play();

/*
                   if (data.success) {
if(parseInt(data.value) > 0)
                       {
                           document.getElementById('audio_id').play();
}
                   };

*/
});
setTimeout('ajaxCall()', 5000);
}