関連する詩を強調表示したコーラン暗唱

Question

私はQuran（mp3）の特定の詩を演奏しなければならないが、実際のQuranでは同じ詩を強調する必要がある。このhttp://www.quranexplorer.com/quran/と同様のものです。

彼らは通常聖なるクルンの各章をNの句に分割し、それぞれの詩を演奏して同じスパンまたはdivタグを強調表示します。

聖クルアーンは6236のmp3ファイルを作成する必要があることを意味する約6236の詩があります。

自動スクリプトを作成できるソフトウェアまたはスクリプトがありますか、またはソリューションに最適な方法はありますか。要件は、.NETプロジェクト

Answer 1

のためであるとして

ソリューションは、jQueryのあなたは、この作業を行うためにHTML DOM audioのrefrenceを使用する必要があります基づくことができます。 HTML DOMの参照を使用すると、オーディオプレーヤーを管理したり、オーディオを再生したりすることができます。オーディオの再生、オーディオの停止、オーディオのロード、イベントの追加ができます。私は一番下の例を作成します。ボタンをクリックすると、最初の音の再生を開始し、最初の単語を強調表示します。最初のサウンドが終了したら、次のサウンドの再生を開始し、次の単語を強調表示します。

var audioIndex = 0; 
 
var audioAddress = [ 
 
    "http://audiomicro-dev.s3.amazonaws.com/preview/1030/caca5b5fcde48f9", 
 
    "http://audiomicro-dev.s3.amazonaws.com/preview/1030/9cd6976b1ce3b76", 
 
    "http://audiomicro-dev.s3.amazonaws.com/preview/1030/5d4ab0a4db5e7b4", 
 
    "http://audiomicro-dev.s3.amazonaws.com/preview/1030/0f5e54eda37e7f0", 
 
    "http://audiomicro-dev.s3.amazonaws.com/preview/1030/4597608ea80a312", 
 
    "http://audiomicro-dev.s3.amazonaws.com/preview/1030/6c4ae634173cc83" 
 
]; 
 

 
$("button").click(function(){ 
 
    audioIndex = 0; 
 
    playAudio(0); 
 
}); 
 

 
$("#myAudio")[0].onended = function() { 
 
    audioIndex += 1; 
 
    playAudio(audioIndex); 
 
}; 
 

 
function playAudio(index) 
 
{ 
 
    $("p > span").removeClass("playing"); 
 
    $("#myAudio")[0].src = audioAddress[index]; 
 
    $("#myAudio")[0].play(); 
 
    $("p > span:nth-child(" + (index + 1) + ")").addClass("playing"); 
 
}

#myAudio { 
 
    display: none; 
 
} 
 
span { 
 
    margin: 0px 10px; 
 
} 
 
.playing { 
 
    background: yellow; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<audio id="myAudio"> 
 
    <source src="" type="audio/mpeg"> 
 
</audio> 
 
<button>Play Audio</button> 
 
<p> 
 
    <span>Rooster</span> 
 
    <span>Cat</span> 
 
    <span>Horse</span> 
 
    <span>Elephant</span> 
 
    <span>Vulture</span> 
 
    <span>Duck</span> 
 
</p>

play()方法は、オーディオのsrcプロパティのgetソースの再生を開始プレイリストが終了したとき、onendedイベントが解雇しました。あなたがオフトピックスタックオーバーフロー用としてある書籍、ツール、ソフトウェアライブラリ、チュートリアルや他のオフサイトのリソースをお勧めしますか見つけるために私たちを求めてthis