svip

1. --------------------------------------------------------
   
2.         //朗读
   
3.     $('.ld').on('click', function () {
   
4.           var ldid = $(this).attr('data-id');
   
5.       if (!$(this).hasClass('ld-on')) {
   
6.         $(this).addClass("ld-on");
   
7.                 var ttsDiv = document.getElementById('bdtts_div');
   
8.                 var ttsAudio = document.getElementById('tts_autio_'+ldid);
   
9.                 var ttsText = $('#gs-play-'+ldid).html();
   
10.                 if(ttsAudio) {//js判断元素是否存在
    
11.         ttsDiv.removeChild(ttsAudio);
    
12.         }
    
13.                 var au1 = '<audio id="tts_autio_'+ldid+'" autoplay="autoplay">';
    
14.                 var sss = '<source id="tts_source_'+ldid+'" src="http://tts.baidu.com/text2audio?tex=' + ttsText + '&cuid=dict&lan=ZH&ctp=2&pdt=30&vol=9" type="audio/mpeg">';
    
15.                 var eee = '<embed id="tts_embed_'+ldid+'"+ldid height="0" width="0" src="">';
    
16.                 var au2 = '</audio>';
    
17.                 ttsDiv.innerHTML = au1 + sss + eee + au2;
    
18.                 ttsAudio = document.getElementById('tts_autio_'+ldid);
    
19.                 ttsAudio.play();//播放
    
20.       }
    
21.           else
    
22.           {
    
23.               $(this).removeClass("ld-on");
    
24.                 ttsAudio = document.getElementById('tts_autio_'+ldid);
    
25.                 ttsAudio.pause();// 暂停
    
26.       }
    
27.     });
    
28. --------------------------------------

复制代码

1. 帝国CMS 模板代码：
   
2. -------------------------------------
   
3. 播放按钮链接：
   
4. <i class="ld" data-id="[!--id--]" title="[!--title--]朗诵">[!--title--]朗读</i>
   
5. ----------------------------------------------------------------
   
6. 
   
7. 播放内容：
   
8. <p hidden="hidden" id="gs-play-[!--id--]"><?=strip_tags($navinfor['smalltext'])?></p>
   
9. 
   
10. ----------------------------------------------------------------------
    
11. 调用播放器代码：
    
12. <div id="bdtts_div"></div>
    
13. ---------------------------------------------------

复制代码