前言:

實際上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通過百度文字轉語音免費接口使用實例