帝国cms百度朗读代码插件用古诗类的比较不错

  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. <p hidden="hidden" id="gs-play-[!–id–]"><?=strip_tags($navinfor[‘smalltext’])?></p>
  8. ———————————————————————-
  9. 调用播放器代码:
  10. <div id="bdtts_div"></div>
  11. —————————————————

复制代码

温馨提示:本文最后更新于2022-09-12 11:37:09,某些文章具有时效性,若有错误或已失效,请在下方留言或联系丁塔克博客
© 版权声明
THE END
喜欢就支持一下吧
点赞13 分享
评论 抢沙发

请登录后发表评论