touchstart에서 오디오 재생

Question

JQuery 모바일에서 터치 시작 기능이 시작될 때 소리를 재생하려고합니다. 이 일을 어떻게 하죠? 아래 코드는 모바일 브라우저에서 오디오 요소를 재생하지 않지만 데스크톱 브라우저에서 제대로 작동합니다. 엄청 고마워!

var audioElement = document.createElement('audio'); 
audioElement.setAttribute('src', 'DING.mp3'); 

$("#LNum").bind("touchstart", function() { 
    audioElement.play(); 
} 

Answer 1

당신은 <audio> 태그 대신 <source>에 src 속성을 추가하려고합니다.

<audio controls> 
    <source src="ding.ogg" type="audio/ogg"> 
    <source src="ding.mp3" type="audio/mpeg"> 
    Your browser does not support the audio tag. 
</audio> 

당신은 당신의 audioElement 내부 source 요소를 작성해야합니다. 다음 소스 태그에 src 특성을 적용하십시오. 내가 솔루션

HTML

<audio class="my_audio" controls preload="none" style="display: none" id="audioControl"> 
    <source class="notificationTone" type="audio/mpeg"> 
</audio> 

JS

$("#LNum").bind("touchstart click tap", function() { 
    $(".notificationTone").attr('src', "somemp3.mp3"); 
    $(".my_audio").trigger('load'); 
    $(".my_audio").trigger('play');  
}