--------------------------------------------------------
    //朗讀
  $('.ld').on('click', function () { 
    var ldid = $(this).attr('data-id');
  if (!$(this).hasClass('ld-on')) {
  $(this).addClass("ld-on");
        var ttsDiv = document.getElementById('bdtts_div');
        var ttsAudio = document.getElementById('tts_autio_'+ldid);
        var ttsText = $('#gs-play-'+ldid).html();
        if(ttsAudio) {//js判斷元素是否存在
  ttsDiv.removeChild(ttsAudio);
  }
        var au1 = '<audio id="tts_autio_'+ldid+'" autoplay="autoplay">';
        var sss = '<source id="tts_source_'+ldid+'" src="/text2audio?tex=' + ttsText + '&cuid=dict&lan=ZH&ctp=2&pdt=30&vol=9" type="audio/mpeg">';
        var eee = '<embed id="tts_embed_'+ldid+'"+ldid height="0" width="0" src="">';
        var au2 = '</audio>';
        ttsDiv.innerHTML = au1 + sss + eee + au2;
        ttsAudio = document.getElementById('tts_autio_'+ldid);
        ttsAudio.play();//播放
  }
    else
    {
      $(this).removeClass("ld-on");
        ttsAudio = document.getElementById('tts_autio_'+ldid);
        ttsAudio.pause();// 暫停
  }
  });
--------------------------------------

帝國(guó)CMS 模板代碼：
-------------------------------------
播放按鈕鏈接：
<i class="ld" data-id="[!--id--]" title="[!--title--]朗誦">[!--title--]朗讀</i>
----------------------------------------------------------------

播放內(nèi)容：
<p hidden="hidden" id="gs-play-[!--id--]"><?=strip_tags($navinfor['smalltext'])?></p>

----------------------------------------------------------------------
調(diào)用播放器代碼：
<div id="bdtts_div"></div>
---------------------------------------------------