各ページには約 50 の文章があり、それぞれをクリックすると、特定の短い mp3 (200-300KB) が再生されます。
<p class='sent' id='01/01.mp3'>some text</p>
<p class='sent' id='01/02.mp3'>some text</p>
<p class='sent' id='01/03.mp3'>some text</p>
....
js
$(".sent").click(function() {
abc=$(this).attr('id');
$('#player').html("<embed src=\""+abc+"\" hidden=\"true\" autostart=\"true\" loop=\"" + loop +"\" />");
});
html5 audio tag
Firefox/Chrome との互換性のため、私はこのソリューションを好みます。つまり、多くのファイルを からmp3
に変換する必要はありませんogg
が、mp3 ファイルがプリロードされていないため、クリックと再生の間に大きな沈黙があるという欠点があります。
mp3 ファイルをプリロードするソリューションはありますか?
または、より良い完全なソリューションですか?