2016-11-22 1 views
0

페이지로드시 배경 음악을 재생하고 싶습니다.배경 음악을 Safari에서 페이지로드하기

내 코드는 Safari를 제외한 모든 브라우저에서 정상적으로 실행됩니다.

Safari가 보여줍니다.

Undefined is not constructor(evaluating new audio()) 

Safari에서이 오류를 어떻게 해결할 수 있습니까?

var audio, playbtn, mutebtn, seek_bar; 
function initAudioPlayer(){ 
    audio = new Audio(); 
    audio.src = "html/audio/di-evantile_behind-your-dream.mp3"; 
    audio.loop = true; 
    audio.play(); 
    // Set object references 
    playbtn = document.getElementById("playpausebtn"); 
    mutebtn = document.getElementById("mutebtn"); 
    // Add Event Handling 
    playbtn.addEventListener("click",playPause); 
    mutebtn.addEventListener("click", mute); 

    // Functions 
    function playPause(){ 
     if(audio.paused){ 
      audio.play(); 
      playbtn.style.background = "url(html/images/pause.png) no-repeat"; 
     } else { 
      audio.pause(); 
      playbtn.style.background = "url(html/images/play.png) no-repeat"; 
     } 
    } 

    function mute(){ 
     if(audio.muted){ 
      audio.muted = false; 
      mutebtn.style.background = "url(html/images/speaker.png) no-repeat"; 
     } else { 
      audio.muted = true; 
      mutebtn.style.background = "url(html/images/speaker_muted.png) no-repeat"; 
     } 
    } 
} 

//play music on page load 
window.addEventListener("load", initAudioPlayer); 
+0

Safari의 어떤 버전입니까? –

+0

safari 5.1.7 windows 10 버전 – shyamm

+3

[이 페이지] (https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API) 웹 오디오 API는 버전 6 이전의 Safari에서는 사용할 수 없습니다 - 그러나 '

답변

0

JavaScript에 이상한 의견이있는 것 같습니다. 내 컴퓨터에서 스크립트를 실행하려면 "## Heading ##"을 제거해야했습니다. 사파리에 관한

: HTML5의 케이크 모든 종류의 Windows 버전에서 작동하지 않은 경우에 나는 놀라지 않을 것이다 다시 2012 년 discontinued했다 사파리 Windows 용

.

Safari 9.1.1 (11601.6.17)이 설치된 Mac OSX 시스템에서는 저에게 효과적입니다.

Windows 용 Safari를 사용해 보았는데 Audio 개체가 지원되지 않아 작동하지 않는다는 것을 확인할 수 있습니다.

+0

에 대한 일시 중지 버튼을 재생하려면이 스크립트가 컴퓨터에서 실행되고 있습니까? – shyamm

+0

예, 코드에서 "## HEADING ##"을 제거해야했습니다. (나는 당신이 그 이후로 편집 한 것을 본다.) – NullQuery

+0

많이 고맙다 ..! bckground 음악이 클릭시 멈추는 지 확인 plz – shyamm

관련 문제