シーケンス

Question

に多くのオーディオファイルを再生するためにどのように私はいくつかの長い物語を持っているソースオーディオは、センテンスごとの文音声ファイルです。私は、特定のストーリーの個々の文章を何度も聞くことができ、最初から最後までストーリー全体を聞くことができるウェブページを作成したいと考えています。

私のウェブページは多くの場合<audio>個の要素を持ち、それぞれの要素は対応するテキストの<p>です。これらの<audio>要素のそれぞれは、ストーリーの1つの文に対応します。

「すべて再生」機能を許可するJavaScriptオブジェクトのコーディングを開始しようとしていましたが、ボタンをクリックするとオーディオが再生されます。 ]などがあります。また、「一時停止」ボタンがあり、どこにいたかなどを把握することができます。このようにして、個々の文章はそれぞれaudio要素を持つため、再生または楽しむことができます。または、1つの大きな要素であるかのように、audio要素のシーケンスを処理するために、上部にある「すべて再生」ボタンを使用することができます。

は、その後、私はここにいくつかのより良い/より簡単に/より多くの標準的な解決策があるかどう自分自身を求めて始めました。私が思ったことの一つは、これらの個々のオーディオファイルをすべて一緒にビッグオーディオファイルにして、おそらく 'chapter' <track>要素を作成することでした。これは好ましいですか？

各アプローチには長所と短所は何ですか？すぐに私が立ち上がっていない、私のために作られたすぐに使用できるソリューションがありますか？

Answer 1

私はオーディオオブジェクトとのsetIntervalを使用して、問題を解決するためにJavaScriptを使用しています。例下：

https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement

が、私はこのヘルプを願っています：あなたはこのページを訪問することができ、オーディオオブジェクトの詳細資料については

var sndLetItSnow = new Audio("audio/letItSnow.m4a"); 
    var sndSanta = new Audio("audio/snow.m4a"); 

    var playlist = [sndLetItSnow, sndSanta]; 

    var current = null; 
    var idx = 0; 

    function playSound() { 
     if (current === null || current.ended) { 
      // go to next 
      current = playlist[idx++]; 

      // check if is the last of playlist and return to first 
      if (idx >= playlist.length) 
       idx = 0; 

      // return to begin 
      current.currentTime=0; 

      // play 
      current.play(); 
     } 

    } 

    setInterval(playSound, 1000); 

！