Emlog文章页语音播放内容

张凯 网络杂苑>Emlog CMS 2019-5-22 20:17 2251字 5分钟 228 0 字号: | |

前言:

实际上Emlog文章页语音播放内容这个功能是可以写成插件出售了,本博客原创,转载请注明出处。

本功能参考了Zblog语音插件、标题自动语音播放功能、Emlog中Fly的MIP模板的末端PHP代码。

实际上昨天下午研究了一天,在文章内容JS去除HTML上难住了,今天灵机一动,通过PHP过滤掉了HTML以及双引号,这才解决了文章内容转纯文本的问题,content可以正常播放。

我啥程序语言也不会,所有的功能都是瞎子摸黑慢慢拼凑出来的。

如需体验本功能可参考本博客的手机站。(非m.aswait.com,而是手机浏览器直接访问本域名,或通过PC浏览器的审查元素,模拟手机访问本博客)

下文中的JS以及图片已经封装,小白可直接引用。

一、首先在主题模板的module.php最后加上一段PHP代码

该代码的功能室移除文章内的所有HTML的代码,通过strip_tags、trim、str_replace等方法移除一切html及通配符

<?php
//移除文章内的所有HTML
function simple($content){
	$content = strip_tags($content);  
    $content = trim($content);  
    $content = ereg_replace("\t","",$content);  
    $content = ereg_replace("\r\n","",$content);  
    $content = ereg_replace("\r","",$content);  
    $content = ereg_replace("\n","",$content);  
    $content = ereg_replace("&nbsp;","",$content);
	$content = ereg_replace("¥","",$content);
	$content = ereg_replace("&","",$content);
	$content = ereg_replace("/","",$content);
	$content = ereg_replace(" ","",$content);
	$content = str_replace('"', '', $content);
	return $content;
}
?>

二、在主题模板echo_log.php文章阅读页增加以下三条:

    1.引用js文章,插入style样式

<!--内容转换语音-->
<script src="<?php echo BLOG_URL; ?>/content/plugins/saying/saying.js"></script>
<style>.speechdu {float: left;margin-right: 10px;cursor: pointer;}.speechdu img{width:25px;height:25px;}</style>
<!--内容转换语音结束-->

    2.在合适的地方放入语音播放内容按钮,如文章标题处

<span  class="speechdu">
<a href="javascript:playPause();" title="朗读本文"><img src="<?php echo BLOG_URL; ?>/content/plugins/saying/pic/audiot.png" id="music_btn01" border="0"></a>
</span>


    3.在文章末放上内容转换语音的video和source来源,最好放在</html>标签后面,这样出错也不显示出来,不影响阅读体验。

<!--内容转换语音-->
<video id="langdu" style="display:none">
<source id="source" src="http://tts.baidu.com/text2audio?cuid=baiduid&lan=zh&ctp=1&pdt=311&tex=<?php 
	$log=simple($log_content);
	echo $log;
	?>" type="video/mp4">
</video>	
<!--内容转换语音结束-->

本功能刚研发出来,未来也不打算更新。如果您有什么疑问,或者发现了什么弊端,请在本文下方留言。

进入文章页自动播放标题功能,请参考《Emlog通过百度文字转语音免费接口使用实例

本文链接:http://www.aswait.com/emlog/1123.html 百度已收录
版权申明:文章如未标注转载均为本站原创,转载请注明出处"张凯博客"。

发表评论

电子邮件地址不会被公开。必填项已用*标注

Ɣ回顶部
00:00 / 00:00
顺序播放