wordpress

网站

给wordpress添加文本阅读（朗读）功能的教程

今天在wordpress交流群中看到有人问了一个问题：网页里面要加入一个读屏功能，就是语音读网页的内容，请问用什么插件？其实文本阅读功能就是TTS（Text To Speech），即“从文本到语音”，是人机对话的一部分，让机器能够说话。

<?php
function mbStrSplit ($string, $len = 1) { //对内容进行分割
$start = 0;
$strlen = mb_strlen($string);
while ($strlen) {
$array[] = mb_substr($string,$start,$len,"utf8");
$string = mb_substr($string, $len, $strlen,"utf8");
$strlen = mb_strlen($string);
}
return $array;
}

function match_chinese($chars,$encoding = 'utf8') //过滤特殊字符串
{
$pattern = ($encoding == 'utf8')?'/[\x{4e00}-\x{9fa5}a-zA-Z0-9,，。 ]/u':'/[\x80-\xFF]/';
preg_match_all($pattern,$chars,$result);
$temp = join('',$result[0]);
return $temp;
}
$str=$post->post_content;
$str = strip_tags($str);
$str = str_replace("、","，",$str); //保留顿号
$str = match_chinese($str);
$zishu = mb_strlen(preg_replace('/\s/','',html_entity_decode(strip_tags($str))),'UTF-8');
$r = mbStrSplit($str, 900);
$qian = "http://tts.baidu.com/text2audio?cuid=baiduid&lan=zh&ctp=1&pdt=311&tex=";
?>
<?php if ($zishu <= 2700): ?>
<video id="langdu" style="display:none">
<source id="source" src="<?php echo $qian.$r[0]; ?>" type="video/mp4">
</video>
<script type="text/javascript">
function playPause() {
var music = document.getElementById('langdu');
var music_btn = document.getElementById('music_btn01');

if (music.paused) {
music.play();
music_btn.src = '<?php bloginfo('template_url'); ?>/images/zanting.png'; //播放图片
var aud = document.getElementById("langdu");
aud.onended = function() {
aud.src = "<?php echo $qian.$r[1]; ?>"
aud.play();
aud.addEventListener("ended", function() {
aud.src = "<?php echo $qian.$r[2]; ?>"
aud.play();
aud.addEventListener("ended", function() {
aud.pause();
}, false);
}, false);
};

} else {
music.pause();
music_btn.src = '<?php bloginfo('template_url'); ?>/images/bofang.png'; //暂停图片
}
}

</script>

<span  style="float: left;
margin-right: 10px;
cursor: pointer;">
<a href="javascript:playPause();"><img src="<?php bloginfo('template_url');
?>/images/bofang.png" width="25" height="25" id="music_btn01" border="0"></a>
</span>

<?php endif; ?>

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

<?php

function mbStrSplit ($string, $len = 1) { //对内容进行分割

$start = 0;

$strlen = mb_strlen($string);

while ($strlen) {

$array[] = mb_substr($string,$start,$len,"utf8");

$string = mb_substr($string, $len, $strlen,"utf8");

$strlen = mb_strlen($string);

}

return $array;

}

function match_chinese($chars,$encoding = 'utf8') //过滤特殊字符串

{

$pattern = ($encoding == 'utf8')?'/[\x{4e00}-\x{9fa5}a-zA-Z0-9,，。 ]/u':'/[\x80-\xFF]/';

preg_match_all($pattern,$chars,$result);

$temp = join('',$result[0]);

return $temp;

}

$str=$post->post_content;

$str = strip_tags($str);

$str = str_replace("、","，",$str); //保留顿号

$str = match_chinese($str);

$zishu = mb_strlen(preg_replace('/\s/','',html_entity_decode(strip_tags($str))),'UTF-8');

$r = mbStrSplit($str, 900);

$qian = "http://tts.baidu.com/text2audio?cuid=baiduid&lan=zh&ctp=1&pdt=311&tex=";

?>

<?php if ($zishu <= 2700): ?>

<source id="source" src="<?php echo $qian.$r[0]; ?>" type="video/mp4">

</video>

function playPause() {

var music = document.getElementById('langdu');

var music_btn = document.getElementById('music_btn01');

if (music.paused) {

music.play();

music_btn.src = '<?php bloginfo('template_url'); ?>/images/zanting.png'; //播放图片

var aud = document.getElementById("langdu");

aud.onended = function() {

aud.src = "<?php echo $qian.$r[1]; ?>"

aud.play();

aud.addEventListener("ended", function() {

aud.src = "<?php echo $qian.$r[2]; ?>"

aud.play();

aud.addEventListener("ended", function() {

aud.pause();

}, false);

};

} else {

music.pause();

music_btn.src = '<?php bloginfo('template_url'); ?>/images/bofang.png'; //暂停图片

}

</script>

<span style="float: left;

margin-right: 10px;

cursor: pointer;">

<a href="javascript:playPause();"><img src="<?php bloginfo('template_url');

?>/images/bofang.png" width="25" height="25" id="music_btn01" border="0"></a>

</span>

<?php endif; ?>

将以上代码添加到当前所用主题目录下的single.php文…

蓝洛水深

2019年3月30日

083.2K0

工作

wordpress PDF预览插件推荐

今天在做高新区网站时，需要用到PDF，所以搜了一下相关插件，最开始被推荐的是PDF Embedder，但是收费，免费版我觉得不好，于是另外找，最后找到了这个，觉得不错，推荐给大家。我的推荐来源是：知更鸟 PDFjs Viewer plugins适用于在线PDF文档浏览，这款WordPress 插件使用很简单，启用后在编辑文章时直接在编辑器上点击“Add P…

蓝洛水深

2018年2月5日

015.7K0

wordpress使用sendmail发件时发件人为代发情况修正教程

默认情况下，我们安装好服务器后，wordpress通过sendmail发送邮件，会显示由某某代发，这里的某某其实是你的主机名。那，如果要修正这个问题，只需要简单的进行如下设置即可： 1、设置主机名比如我这个博客，用的是krypt的E3V3的一台独服，是不是很奢侈？咳咳，扯远了……默认的主机名是类似于“E3-1230V3-594L”，发出的邮件地址是这样的…

蓝洛水深

2017年8月30日 • 系统

004.3K0

网站

wordpress出现Invalid Nonce.错误解决方法啊

今天在测试用户中心时，输入了注册信息在点击注册后，出现Invalid Nonce.错误，并没有其他提示。后来找到了错误原因，wordpress的Invalid Nonce.错误来自缓存插件，本站是装了WP Super Cache，解决方式如下图：在缓存插件的【高级】下找到→【在这里添加强制禁止缓存的页面的地址关键字。例如，如果您的地址包含年份并且您不想缓存…

蓝洛水深

2017年7月21日

0911.9K1

wordpress文章页展示百度收录情况教程

大家写博客的，其实都很关心自己辛辛苦苦码的字，有没有被百度收录。但是要去百度搜索确认的话比较麻烦，那么能否直接展示收录结果呢？答案是有的。只需要下载wordpress的插件：WP-Baidu-Record 即可实现具体操作如下：我们在插件中心，添加启动插件随后在设置中保存一下设置即可，我们看下下图是效果：当然了，默认的显…

蓝洛水深

2017年7月20日 • 网站

023.4K0

网站

WordPress固定链接取消分类目录前缀及tag标签前缀方法

在wordpress中默认会有一个分类目录前缀，不填写则在链接中表现为category，如本站之前会这么显示： https://blog.lanluo.cn/category/media 经过修改后则显示为： https://blog.lanluo.cn/media 下面则分享一下方法：在wordpress插件中心，安装一款插件，名称如下 WP No Ba…

蓝洛水深

2017年7月16日

023.0K0

网站

注册Gravatar上传头像后不显示头像解决方法

其实博主之前一直也没弄懂到底哪里出了问题，经过很多的搜索后找到了答案，和谐你懂的。具体操作请按一下方法操作： WordPress 上的头像总是显示不出来, 而问题只发生在 WP 3.0 或以上版本. WordPress 的头像服务 Gravatar 的部分服务器在国内访问困难, 原因是 Gravatar 所使用的 edgecast CDN 服务遇到了某些问…

蓝洛水深

2013年1月18日

004.3K0