博客加入-语音朗读-系统

Posted by Kevin | Filed under HTML/CSS/JS | 2008-09-20

今天逛 朋友 的博客是看到的一个功能，很强大...读音和清晰，英文发音很标准。只是语速有点不适应，于是找到 原作者 的博客，看了下的确不错。具体使用方法如下：

（1）在你想出现播放器的地方插入一个层：

<div id="speech_player" name="speech_player"></div>

层的id speech_player 可以自己定但是要和这里的一样 var _spid = "speech_player";   。

（2）把以下代码放在</body>前面:

<script type="text/javascript" src="http://speech.w3cool.com/swf/speech.js"></script>
<script type="text/javascript">
 var _scid = "copytext";    // 你希望朗读的文章块的id;
var _spid = "speech_player";   //显示播放器的id; 
_sp_bg = "0xCDDFF3";   //修改成你想要的颜色
_sp_leftbg = "0x357DCE";
_sp_lefticon = "0xF2F2F2";
_sp_rightbg = "0x357DCE";
_sp_rightbghover = "0x4499EE";
_sp_righticon = "0xF2F2F2";
_sp_righticonhover = "0xFFFFFF";
_sp_text = "0x357DCE";
_sp_slider = "0x357DCE";
_sp_track = "0xFFFFFF";
_sp_border = "0xFFFFFF";
_sp_loader = "0x8EC2F4";
speaker();
</script>

这样对于任何网站都可以使用。

对于sablog2.0而言

只需要修改template下面正在使用的模板目录2个文件：

（1）footer.php文件中，在</body>前面加入上面第2条的代码。

（2）show.php文件中找到

<p class="post-date">Written by <a href="$article[userurl]">$article[username]</a> on $article[dateline]. <a href="$article[cateurl]">$article[cname]</a></p>

我是在这段代码下面加入的，也可以选择在后面播放

<p id="article-other">&laquo; <a href="$options[url]?action=show&amp;id=$article[articleid]&amp;goto=previous">上一篇</a> | <a href="$options[url]?action=show&amp;id=$article[articleid]&amp;goto=next">下一篇</a> &raquo;</p>

这个上面加入

<div id="自己定义的播放器ID" name="speech_player"></div>

找到

<div class="post-body">$article[content]</div>

改为

<div class="post-body"  id="你自己定义的文章ID">$article[content]</div>

«  上一篇 |  下一篇  »

9 Responses

1. 午夜客 Says:
   2008-09-22, 5:15 PM

   很不错的功能

2. Kevin Says:
   2008-09-22, 5:21 PM

   呵呵，功能不错，哈哈，非常喜欢！

3. Lin.x Says:
   2008-09-22, 7:19 PM

   上次在荆楚网听过朗读新闻了,很不错的

4. sunray Says:
   2008-09-23, 5:00 PM

   哈哈，果然MJJ
   拿来主义好快

5. Kevin Says:
   2008-09-23, 7:18 PM

   哈哈，不好意思，太喜欢这个东东了，嘻嘻

6. HJin Says:
   2008-09-24, 2:23 PM

   没有例子吗？

7. Kevin Says:
   2008-09-24, 5:50 PM

   有啊，每篇文章都有

8. 向奕 Says:
   2008-10-08, 4:42 AM

   牛X，我要男声版的。

9. Kevin Says:
   2008-10-08, 8:27 PM

   @向奕
   那个版本声音是随机的，好像

Leave a Reply