사운드 클라우드 스트리밍

Question

가 나는 사운드 클라우드의 API에서이 조각을 사용하려고 :

그것은 사파리 모바일을 제외하고 모든 브라우저에서 작동

<script src="http://connect.soundcloud.com/sdk.js"> 
<script> 
SC.initialize({ 
client_id: 'YOUR_CLIENT_ID' 
}); 

# stream track id 293 
SC.stream("/tracks/293", function(sound){ 
sound.play(); 
}); 
</script> 

, 음악 스트림에서 재생되지 않습니다 아이폰과 아이 패드에 모두 모든.

내가 뭘 잘못하고 있니?

덕분에 모바일 사파리에서

Answer 1

재생 오디오 재생이 사용자 동작에 의해 트리거되는 것을 제한이 있습니다 (I 내 자신의 세부 트랙 ID와 클라이언트 ID를 대체). 따라서 클릭 할 때 sound.play() 함수를 호출하는 일종의 버튼이나 링크를 추가해야합니다.

Answer 2

여기에이 문제가 해결되었습니다. 여분의 html 요소를 추가하기 위해 필요한 것.

<div class="player-helper"></div> 

자바 스크립트

SC.stream('/tracks/' + id, { 
    useHTML5Audio: true, 
    debugMode: true 
}, function(sound) { 
    let $eventEmitter = $('.player-helper'); 

    $eventEmitter.on('click', function() { 
    sound.play(); 
    }); 
    $eventEmitter.trigger('click'); 
    $eventEmitter.off('click'); 
});