用语音读正文 简单两步应用到SS和其他任何地方

1楼应用到SS
2楼应用到UCH
3楼应用到其他任何地方
4楼改变播放器颜色

截图:


演示地址:进入





看到有人喜欢这里的效果,给大家分享出来.

你可以应用在任何地方,包括SS.DZ.uch等地方.

也很简单的,应用的是别人开发的"说说"插件.网上搜一下可以找到.

简单说一下步骤

1.上传speech.js到任意的的地方,记得你这个地方,SS DZ UCH等都需要用到.

2.然后打开你想让读出来的地方这里举两个例子,一个是SS一个是UCH.UCH二楼举例.

SS的默认模板打开templates\default\news_view.html.php
这个是SS的新闻查看页面,我们的目的是要读这里的正文.
我以前讲过每个页面的模板 这里不重复了.
查找:

1. <div id="articlebody">

复制代码

这里是正文的开始,在这下面加入代码

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

复制代码

这行代码是来调用播放器的.
然后在这个页面底部的任意位置.插入如下代码

1. <script type="text/javascript" src="http://放文件的地方/speech.js"></script>
   
2.         <script type="text/javascript">
   
3. var _scid = "articlebody";    // 你希望朗读的文章块的id;
   
4. var _spid = "speech_player";   //显示播放器的id;
   
5. _sp_bg = "0xCDDFF3";   //修改成你想要的颜色
   
6. _sp_leftbg = "0x357DCE";
   
7. _sp_lefticon = "0xF2F2F2";
   
8. _sp_rightbg = "0x357DCE";
   
9. _sp_rightbghover = "0x4499EE";
   
10. _sp_righticon = "0xF2F2F2";
    
11. _sp_righticonhover = "0xFFFFFF";
    
12. _sp_text = "0x357DCE";
    
13. _sp_slider = "0x357DCE";
    
14. _sp_track = "0xFFFFFF";
    
15. _sp_border = "0xFFFFFF";
    
16. _sp_loader = "0x8EC2F4";
    
17. 
    
18. speaker();
    
19. </script>

复制代码

这样就好了,播放器的颜色之类的都可以定义,这里不多解释了.
需要注意你希望朗读的文章块的id,在其他地方应用,只需要改这里就可以了.

[ 本帖最后由 pcload 于 2008-5-10 08:30 编辑 ]

在来个例子 UCH的.现在也在研究UCH了,没时间管SS.
因为开发SS的主要人员sup一直在管UCH,所以跟着他跑过去了..

1.上传speech.js到UCH的image文件夹中（注意第三步中存放speech.js文件夹的路径）

2.在space_blog_view.htm中修改：
找到：

1. <div id="blog_article" class="article"><table cellspacing="0" cellpadding="0"><tr><td class="l_text">

复制代码

在其后面添加：

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

复制代码

3.找到

1. <!--{template footer}-->

复制代码

在其后面添加：

1. <script type="text/javascript" src="http://你的域名/image/speech.js"></script>
   
2.         <script type="text/javascript">
   
3. var _scid = "blog_article";    // 你希望朗读的文章块的id;
   
4. var _spid = "speech_player";   //显示播放器的id;
   
5. _sp_bg = "0xCDDFF3";   //修改成你想要的颜色
   
6. _sp_leftbg = "0x357DCE";
   
7. _sp_lefticon = "0xF2F2F2";
   
8. _sp_rightbg = "0x357DCE";
   
9. _sp_rightbghover = "0x4499EE";
   
10. _sp_righticon = "0xF2F2F2";
    
11. _sp_righticonhover = "0xFFFFFF";
    
12. _sp_text = "0x357DCE";
    
13. _sp_slider = "0x357DCE";
    
14. _sp_track = "0xFFFFFF";
    
15. _sp_border = "0xFFFFFF";
    
16. _sp_loader = "0x8EC2F4";
    
17. 
    
18. speaker();
    
19. </script>

复制代码

任何网站或者使用web作为界面的程序都可以使用，使用的方法是:

      1) 在你想出现播放器的地方插入一个层:    <div id="speech_player" name="speech_player"></div> 层的id可以自己定。

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

        <script type="text/javascript" src="http://JS文件的地址/speech.js"></script>
        <script type="text/javascript">
        var _scid = "copytext";    // 你希望朗读的文章块的id;
        var _spid = "speech_player";   //显示播放器的id;
        speaker();
        </script>

      就可以。下一步将实现自定义播放器的样式。大家可以在自己的blog和网站里面加。

      还有一个想法就是用WTL编写一个程序，调用JS,监控本地的剪贴板，把需要朗读的文字提交。做一个像Mp3Clould一样的东西。

播放器的图例:

调用方法不变，还是
1) 在你想出现播放器的地方插入一个层:    <div id="speech_player" name="speech_player"></div> 层的id可以自己定。
      2)把以下代码放在</body>前面:
<script type="text/javascript" src="JS文件地址/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>

最后说明,出现语音内容正在处理中.
请刷新页面即可.

这个插件很简单 方便懒人

男生女生是随机的
希望大家喜欢


继续关注UCH去了...

加分和高亮的人那里去呢?
今天不是周末哇...

SS模板区真的该整整了...

好东西，强力支持，UCH用上了，不知道论坛怎么应运

太强了:) :) :)

呵呵 早就看过这样的东西，一直很想要，但是。。
看看我的网站上：www.aqrbbs.cn