JQTouch가 연결된 mp3 파일을 재생하지 않습니다

Question

JQTouch를 사용하여 기본 모바일 사이트를 만들어 오디오 파일 목록을 재생하려고합니다. 학교에서 예술 전시회에 사용되는 트랙의 간단한 재생 목록을 만들려고합니다. 당신이 보았을지도 모르는 그러한 도보 여행과 비슷합니다. 순서가 지정되지 않은 목록의 mp3 파일에 링크하면 브라우저가 파일을 열어 재생하지 않습니다. 단순히 휴지통 텍스트를 표시합니다.

이것은 일반적인 iPhone 브라우저 및 Android 휴대 전화에서 발생합니다. 링크 대상을 _blank로 지정하면 작동하지만 모바일 사이트로 돌아가려면 닫아야하는 다른 창에서 파일을 엽니 다. 사용자가 단순히 링크를 클릭하고 전화로 오디오를 재생하기를 원합니다.

HTML5 용 오디오 태그를 사용해 보았지만 문제가있었습니다. 플레이어는 위에 언급 된 문제와 유사하거나 보여주지 않을 것입니다.

링크를 클릭하면 브라우저에 링크가 #undefined 된 것으로 표시된다는 것이 이상합니다.

Javascript로는별로 좋지 않습니다. 따라서 뭔가 분명 할 수도 있지만 지금까지는 저를 배제합니다. 도와 주셔서 감사합니다.

에서 :

당신은 당신은 HTML에있는 MP3 파일을 직접 링크 할 수 없습니다 그것은 ... 당신은 여기에 몇 가지 자바 스크립트를해야 ​​할거야 재생 한 http://trinity.edu/rchapman/iphone/

Answer 1

에서 내 모형을 볼 수 있습니다 스크립트 섹션 :

변화

<script type="text/javascript" charset="utf-8"> 
    $.jQTouch({ 
     icon: 'tower_logo.png', 
     statusBar: 'black' 
    }); 
</script> 

에

<script type="text/javascript" charset="utf-8"> 
    $.jQTouch({ 
     icon: 'tower_logo.png', 
     statusBar: 'black' 
    }); 
      $(document).ready(function() { 
        var audio = $('#audio'); 
        $('#audio1').tap(function() { audio.attr('src', 'audio1.mp3')[0].play()}); 
        $('#audio2').tap(function() {audio.attr('src', 'audio2.mp3')[0].play()}); 
      }); 
</script> 

변화에

<ul class="edgetoedge"> 
    <li><a href="audio1.mp3">Item 1</a></li> 
    <li><a href="audio2.mp3">Item 2</a></li> 
</ul> 

:

<audio id="audio"></audio> 

<a href="#" class="whiteButton" id="audio1">Item 1</a> 
<a href="#" class="whiteButton" id="audio2">Item 2</a> 

은 자세한 내용은 audio tag 및 html5 rocks를 참조하십시오.