博客园_欠你一刀

线程池的原理和连接池的原理

2011-12-12T01:23:00Z

线程池的原理:

来看一下线程池究竟是怎么一回事？其实线程池的原理很简单，类似于操作系统中的缓冲区的概念，它的流程如下：先启动若干数量的线程，并让这些线程都处于睡眠状态，当客户端有一个新请求时，就会唤醒线程池中的某一个睡眠线程，让它来处理客户端的这个请求，当处理完这个请求后，线程又处于睡眠状态。可能你也许会问：为什么要搞得这么麻烦，如果每当客户端有新的请求时，我就创建一个新的线程不就完了？这也许是个不错的方法，因为它能使得你编写代码相对容易一些，但你却忽略了一个重要的问题??性能！就拿我所在的单位来说，我的单位是一个省级数据大集中的银行网络中心，高峰期每秒的客户端请求并发数超过100，如果为每个客户端请求创建一个新线程的话，那耗费的CPU时间和内存将是惊人的，如果采用一个拥有200个线程的线程池，那将会节约大量的的系统资源，使得更多的CPU时间和内存用来处理实际的商业应用，而不是频繁的线程创建与销毁。

数据库连接池:

数据库连接是一种关键的有限的昂贵的资源，这一点在多用户的网页应用程序中体现得尤为突出。

一个数据库连接对象均对应一个物理数据库连接，每次操作都打开一个物理连接，使用完都关闭连接，这样造成系统的性能低下。数据库连接池的解决方案是在应用程序启动时建立足够的数据库连接，并讲这些连接组成一个连接池(简单说：在一个“池”里放了好多半成品的数据库联接对象)，由应用程序动态地对池中的连接进行申请、使用和释放。对于多于连接池中连接数的并发请求，应该在请求队列中排队等待。并且应用程序可以根据池中连接的使用率，动态增加或减少池中的连接数。
连接池技术尽可能多地重用了消耗内存地资源，大大节省了内存，提高了服务器地服务效率，能够支持更多的客户服务。通过使用连接池，将大大提高程序运行效率，同时，我们可以通过其自身的管理机制来监视数据库连接的数量、使用情况等。

1) 最小连接数是连接池一直保持的数据库连接，所以如果应用程序对数据库连接的使用量不大，将会有大量的数据库连接资源被浪费；
2) 最大连接数是连接池能申请的最大连接数，如果数据库连接请求超过此数，后面的数据库连接请求将被加入到等待队列中，这会影响之后的数据库操作。

本文链接

21个为您的网站和博客提供的免费视频播放器

2011-11-28T06:12:00Z

很多设计师在都会在他们的网站使用视频播放器。在线视频播放器无需为简单的用户和Web开发人员提供过多的介绍，它简单易用，为您建站时提供了灵活性和创造性，您可以添加无限数量的视频，并根据你的想法安排它们的专辑标题、艺术家的名字或年份，这些都完全取决于你！
如今，有超过100万的网络媒体相关的资源可以用。与其花费时间去做那些研究，还不如选择使用一些最好的并且免费的网站视频/媒体播放器的插件。下面就是我爱互联网为您收集的非常有价值的免费的视频播放器，不仅有网站上应用的视频播放器，而且对于wordpress爱好者，还有专门为wordperss定制的插件啊，如果你正在寻找此类资源，那么，赶紧来看下吧。

1. Flowplayer

Flowplayer是一个开源（GPL 3的）网络上的视频播放器。它用来将视频流嵌入到您的网页。专为网站拥有者，开发商，爱好者，企业和认真的程序员。使用Flowplayer，你可以定制自己的播放器并放到你的网站来接收网络上的视频。
特性:

它是完全自由和开放源码
你可以在几分钟内建立您的播放器
流畅如丝 — 它已经全面地优化并隐藏了边缘弯曲和下载堵塞等行为. 时间轴展示非常流畅，有两种不同的自动隐藏模式：“隐藏”和“滑动”效果。
可接收来自任何地方的视频流 – 使用行业标准协议的RTMP或HTTP流与最常见的Web服务器的lighttpd，Apache，nginx或IIS或从众所周知的内容传递网络 Akamai公司，Amazon Cloudfront，Highwinds，HDDN，SimpleCDN和更多的视频。
扩展性 — Flowplayer是使用flash技术，确保98％的互联网用户可以看到您的影片。另外还有一个独立的javascript API来帮助你改变与flash进行通信的方式。

如何安装:
有详细的安装指南可利用帮你创建视频播放器。
官方链接

2. Video LightBox

Video LightBox是一个免费的向导程序，它可以帮助您轻松地将视频嵌入到网站，网页或博客，只需点击几下，而无需编写代码。

Video LightBox免费用于非商业用途，商业网站使用需要许可费用。Video LightBox的企业版提供了一个额外的选项，可以消除VideoLightBox.com的版权信息同时可在视频中增加你自己的水印。

特性:

嵌入的FLV，MP4，3GP等视频文件
新增YouTube，Facebook和谷歌视频，metacafe，Vimeo，MySpace的视频
Mac和Windows版本
符合XHTML标准
自动创建缩略图
添加标题
拥有很多华丽的主题
内置FTP

如何安装:

有Video LightBox团队在他们网站上提供的 详细的安装指南。
官方链接

3. JW Player

JW Player是一款方便的和灵活的flash视频播放器，它支持Adobe Flash Player可以处理的任何格式（FLV, H.264, MP4, MP3, AAC, JPG, PNG and GIF），它也支持多种流媒体和流媒体和播放列表格式（包括RMTP协议，即HTTP，以及更多），开放的Flashvar设置及javascript API的可扩展性。

特性:

可更改JW Player的皮肤来匹配你的站点；设计您自己或检出JW Player的自定义皮肤库。
良好的插件系统 – 通过插件，您的播放器可以做任何事情。您可以建立与开发SDK和资源，或浏览我们的插件自己拿来分析，评分，以及更多。
无忧视频管理

如何安装:

本指南将告诉您如何在Flash V5的环境下安装JW Player。首先，从网上下载安装ZIP包，其中包含你开始时的所有文件。
第1步：上传播放器文件到网站 – 将player.swf，yt.swf和swfobject.js文件从您的网站解压缩，请确保您已上传所有必要的影片，歌曲或您网站的图片。
第2步：在html中嵌入播放器代码 – 在你的html页面中嵌入下面的代码。注：如果您放置的文件在不同的目录中，请确保设置此代码中相应的参数。

帮助

<p id='preview'>The player will show in this paragraph</p>

<script type='text/javascript' src='swfobject.js'></script>

<script type='text/javascript'>

var s1 = new SWFObject('player.swf','player','400','300','9');

s1.addParam('allowfullscreen','true');

s1.addParam('allowscriptaccess','always');

s1.addParam('flashvars','file=video.flv');

s1.write('preview');

</script>

注意上述的FlashVars参数包含了使用不同的皮肤插件或列表的配置变量，要迅速建立FlashVars的，使用安装向导，只需选择一个例子，选择您要使用的变量并粘贴到您的网页的代码，就是这么简单。

有 详细的安装指南 提供如何在你的站点中创建视频播放器。

官方链接

4. GDD FLVPlayer

GDD FLVPlayer是一个基于网络的免费软件，它可以播放FLV/mp4 (MPEG-4 为FLash编码视频文件)文件，使用GDD FLVPlayer，你可以很容易地播放你的FLV/mp4影片，因为它并不需要复杂的Flash创作工具和Flash开发工具。

特性:

完全定制的控制面板
只需几下点击就可在网站发布您的FLV或MP4视频
只需几秒就可添加视频到您的Flash项目中
播放广告或任何自定义介绍
在播放器中使用自己的LOGO
使用你想要的任何尺寸
没有欺骗，完全是免费的
没有特殊的编程技能的要求

如何安装:

每个可下载的Player ZIP文件中都会有一个“howto”的指南。

官方链接

5. MC Media Player

有一个安装工具的播放器可以用MC的媒体播放器的网站，你可以创建你自己的。

MC Media Player是一个基于Flash的在网页中嵌入视频, 音频和图像的媒体，它免费应用于非盈利和商业网站。
目前有两种版本的播放器：MC 经典（以前已知为720 × 360版）和MC 牛郎星（测试版），名称很有意思。

MC 牛郎星 — 单一文件的视频播放器，都容易建立和定制，支持FLV和H.264的（渐进式下载和RTMP数据流）。
MC 经典 — 这是我们原始的播放器，但现在是在停产（寿命终结）阶段，也就是说，它不再是正在开发中。.

特性:

可定制的界面
可以运行在MC Media Player’s的服务器或你自己的服务器
R可调整大小尺寸和纵横比

如何安装:

在其官网上有一个 安装工具 可以用来指点你创建播放器。
官方链接

6. Video Player Pro

特性:

Video Player Pro根据你自己的需要采用不同的版本
不需要Flash编程实现

如何安装:

有一个非常详细的 视频教程 可在网上了解的安装和设置过程。

官方链接

7. VISCOM Web Player

是一个免费的平台独立的Web网站视频播放器，它用一种简单，方便的方法来添加单个或多个视频到任何网站，包括视频共享网站，在线培训，远程教育和学习，你的博客，Myspace，论坛等。
特性:

Support streaming flv video from your web site.
支持XML播放列表，你可以向您的播放器中添加一个或多个电影
启用或禁用视频缩略图列表
支持全屏幕播放
支持播放下一个视频，如果超过一个电影
支持宽高比控制
不需懂编码知识就可以轻松个性化你的播放器
内置高质量皮肤，免费的YouTube风格，Quick time player的风格，Window media player风格，Real player风格，标准播放器的风格

官方链接

8. SS4UPlayer

SS4UPlayer是一个灵活的基于互联网的视频播放器，同时支持流和渐进式下载。可工作在Windows和Linux平台。它支持如FLV，264，MP4，MP3的音乐格式播放。它可以通过javascript设置flashvar。基于XML的换肤功能，使您可以完全自定义的颜色，工具条颜色和大小，透明度，字体类型，字体颜色和字体大小。
特性:

播放/暂停，寻道，定时器，全屏，音量条，预览图像
你可以载入你自己的logo.
完全Flash AS3的类和包
可以通过Flash的var参数指定使用JavaScript或XML文件方式加裁视频
支持使用XML播放列表
支持流及渐近式下载
非常稳定

如何安装:

每个可下载的Player ZIP文件中都有一份说细的安装指南或者你可以直接下载Installation PDF guide的安装指南。
官方链接

9. Anarchy Media Player

Anarchy Media播放器是为所有那些想要在出版的音像内容网站中简单应用，而且它可以使得任何可直接播放的在您的网页上的MP3，Flash flv或QuickTime MOV链接直接播放，同时可以选择隐藏的下载链接。使用GNU通用公共许可证。

如何安装:

详细安装请参考这个链接

官方链接下载插件

10. SublimeVideo (尚未发布)

SublimeVideo是HTML5的视频播放器，让您轻松地在任何使用最新的网页标准的网页，博客或网站中嵌入视频。
浏览器制造商仍然致力于全面支持HTML5视频规范，因此现在SublimeVideo仍是在实验状态，只能工作在少数浏览器下。但是，长期的目标是让它可在所有的现代浏览器上工作。
SublimeVideo将很快免费发布（至少用于非商业用途）。

特性:

全窗口模式 – 这将最大限度地提高视频尺寸以适应浏览器的窗口。在你在浏览器中最大化看视频时，如果你还想访问其他应用程序它是很方便的。
全屏幕模式 – 目前只在最新的WebKit中得以支持，您可以通过ALT键激活此上全窗口按钮点击模式。
HTML5视频的好处 – 没有浏览器插件，无Flash依赖！您也可以跳到视频的任何地方，而不必等待它的缓冲区。
独立的纯JavaScript库

官方链接

wordpress的免费视频播放器插件

11. WP Media Player

WP Media Player是一个基于Silverlight的wordpress媒体播放插件，它可以用于播放在同一博客或网页中一个或多个播放器。还可用于播放自己主机上的或外部的托管视频服务器上的视频。

特性:

6种播放器样式
跟踪并报告影片已经看过多少次
默认播放器配置设置，如大小，缩略图，自动装载和自动播放
每个Player实例的配置，可用于自定义每一个在博客内或文章中的Player设置
视频文件的上传和选择是充分考虑结合了WordPress的用户编辑界面

如何安装:

详细安装请参考这个链接

官方链接下载插件

12. Flash Video Player

WordPress的Flash视频插件，允许向Wordpress站使用符合标准的标记语言来添加加视频（和其他媒体），是领先的开放源码软件。安装快捷，方便，无需额外安装/编码/PHP。这个插件是少痕迹，不创建表，卸载干净。第5版提供了播放器皮肤的全面支持, 与谷歌分析的整合, 并且有能力显示来自长尾解决方案的广告。

特性:

强健的选项菜单定制功能
谷歌分析功能
长尾广告解决方案
兼容XHTML
无后顾之忧！无数据库表和卸载干净
播放列表，简易信息聚合，原子，XSPF，RTMP数据
组件化

如何安装:
如需详细的安装请参考这个链接

官方链接下载插件

13. Anarchy Media Player

WordPress的Anarchy Media Player 2.5可以播放在你网页中合适的播放器中任何简单的href链接，如mp3, flv, Quicktime mov, mp4, m4v, m4a, m4b, 3gp以及Windows的wmv, avi和asf文件等。WordPress的版本也将按钮添加到编辑器中以用来嵌入Flash的SWF和主导的电影如YouTube, Google Video, iFilm, DailyMotion, Revver, Metacafe, MySpace, Apple iTunes iMix，和GoEar players.

如何安装:

如需详细的安装请参考这个链接

官方链接下载插件

14. All in One Video Pack

这不仅是一个视频嵌入工具 – 它包含你可能需要的所有视频和富媒体的功能，包括上传/录制/直接导入影片到您的文章，使用在线视频编辑器来编辑和混排内容，视频评论，管理和跟踪您的视频内容，创建播放列表等等。
特性:

上传，从摄像头录制并且直接导入所有富媒体到您的博客文章
让读者和用户添加视频和音频的意见，并参与影片合作
通过管理控制台管理和跟踪互动视频
允许视频广告
完整的管理功能，您来决定谁可以添加和编辑每个视频
支持150多个视频，音频和图像文件格式和编解码器

如何安装:

对于安装及其他常见问题请参考这个链接

官方链接下载插件

15. Viper’s Video Quicktags

厌倦了从YouTube等网站复制和粘贴的嵌入HTML吗？那么请你试试这个插件。
只是简单的按一下其中一个新的按钮，这个插件就加进了写作的屏幕（包括丰富的编辑器），然后粘贴网址，这样视频就出现在提示框中了 – 就是这么简单。你可以完全配置如何显示的视频（宽度，高度，颜色，网页上的排列）等等。
特性:

支持的文件类型：Flash视频文件，QuickTime，通用视频文件
目前，支持多种大型视频网站如YouTube（包括播放列表）, Google Video, DailyMotion, Vimeo etc

如何安装:

如需详细的安装请参考这个链接

官方链接下载插件

16. Smart YouTube

Smart YouTube是一个WordPress的YouTube插件，让您轻松地插入Youtube视频/播放列表在您的文章，评论和RSS摘要。
这个插件的主要是为了在你博客文章中正确地嵌入Youtube视频，这个视频还会在你的RSS摘要中完全显示出来。

特性:

简单的嵌入Youtube视频和播放列表
支持最新的高质量的视频协议(360p和HD quality 720p)
允许完全的YouTube定制（颜色，边框，全屏）
支持视频深层链接
可工作在iPod和iPhone
提供一个侧栏小工具
生成XHTML代码

如何安装:

如需详细的安装请参考这个链接

官方链接下载插件

17. Embedded Video

该插件是用来简单地嵌入视频到一个博客帖子上，这些视频可以和外部门户网站如YouTube，谷歌视频和许多许多其他的集成，或者他们可以上传到Web服务器或远程服务器做集成，另外可以自动生成一个相应的特定的视频门户网站的链接或下载到本地文件的链接，如有需要。链接文字也可配置。此外，该视频可以轻松地集成在使用内置的所见即所得的编辑器中。该插件生成XHTML的有效代码并可以工作在WP2.5版本及以上。

特性:

支持文件格式: flv, swf, mov, qt, wmv, mpg, mpeg, mpe, asf, asx, wax, wmv, wmx, avi
当前支持视频门户: YouTube, Google Video, dailymotion, MyVideo, Clipfish, Sevenload, Revver, Metacafé, Yahoo! Video, ifilm, MySpace Video, Brightcove, aniBOOM, vimeo, GUBA, Garage TV, GameVideos, vSocial, Veoh, Gametrailers.

如何安装:

如需详细的安装请参考这个链接

官方链接下载插件

18. wordTube

这个插件管理的JW的FLV媒体播放器5.1，让你可以轻松的在Wordpress的文章和页面中放置音乐，视频或Flash电影。
wordTube支持流媒体视频格式（格式 .FLV或.swf）文件，音频文件MP3，JPG，GIF或PNG grafic文件。使用wordTube你可以简单在您的博客中插入标签[media id="media id"]或播放列表[playlist id="playlist id"]。
插入这样的标记你不需要改变所见即所得模式或特殊的HTML知识，您可以显示一个简单的媒体文件（即一个flv格式）或您的所有媒体文件的播放列表。
如何安装:

如需详细的安装请参考这个链接

官方链接下载插件

19. ProPlayer

可把在线视频如(YouTube, Vimeo, Veoh, Youku, Dailymotion, etc..)等通过JW FLV播放器放置在你的文章中。

特性:

27种不同的皮肤
自定义播放列表
视频评分
音频可视化

如何安装:

如需详细的安装请参考这个链接

官方链接下载插件

20. SeeTheFace

WordPress的SeeTheFace插件可以瞬间升级您的文字博客到视频博客。
在SiteClip的帮助下用户将能够方便地使用Publisher的视频信息记录和过滤器。此外，SiteClip内在的机制使其有可能和任何种类的网站结合起来，不论其类型和复杂性的机制。 SiteClip可以内置在电子商务，教育/信息和新闻，社区，拍卖网站以及工作门户网站，一个管理单元等。

如何安装:

如需详细的安装请参考这个链接

官方链接下载插件

21. FLV Embed

FLV Embed是一个WordPress插件用来简化添加到您的博客（视频）Flash视频的过程。用于商业用途和执行，你需要购买播放器的许可证。如果你想了解FLV视频编码以及为什么你使用FLV，Jeroen也写了一篇出色的文章，你可以在他的网站上找到。

特性:

执行一个标准的插件标记的样式
嵌入一个FLV文件，它的最简单的方法
高度便携，可扩展和面向未来的标签
兼容XHTML

如何安装:

如需详细的安装请参考这个链接

官方链接下载插件

本文链接

google map api 与jquery结合使用(3) --图标样式,使用xml和异步请求【转帖】

2011-11-24T08:35:00Z

google map api 与jquery结合使用1-3

google map api 与jquery结合使用(1)--控件,监听器[转帖]

google map api 与jquery结合使用(2) --标注,浮窗[转帖]

google map api 与jquery结合使用(3) --图标样式,使用xml和异步请求【转帖】

创建图标

map.js

$(document).ready(function()
{
     if (GBrowserIsCompatible()) {
         var map = new GMap2(document.getElementById("map"));
        map.addControl(new GSmallMapControl());
        map.addControl(new GMapTypeControl());
        map.setCenter(new GLatLng(36.94,106.08),4);
        //创建小图标
        var icon = new GIcon();
                //图标图片
        icon.image = "http://labs.google.com/ridefinder/images/mm_20_red.png";
                //图标阴影图片
        icon.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png";
                //图标大小
        icon.iconSize = new GSize(12, 20);
                //阴影大小
        icon.shadowSize = new GSize(22, 20);
                //图标锚点
        icon.iconAnchor = new GPoint(6, 20);
                //信息浮窗锚点
        icon.infoWindowAnchor = new GPoint(5, 1);
        //随机的添加10个标记
        var bounds = map.getBounds();
        var southWest = bounds.getSouthWest();
        var northEast = bounds.getNorthEast();
        var lngSpan = northEast.lng() - southWest.lng();
        var latSpan = northEast.lat() - southWest.lat();
        for (var i = 0; i < 10; i++) {
        var point = new GLatLng(southWest.lat() + latSpan * Math.random(),
            southWest.lng() + lngSpan * Math.random());
        map.addOverlay(new GMarker(point, icon));
        }
        $(window).unload(function (){
               $('.').unbind();
               GUnload();
           });
     }else
     {
         alert('你使用的浏览器不支持 Google Map!');
     }
});

使用小图标的效果

使用更复杂图标样式
map.js

$(document).ready(function()
{
     if (GBrowserIsCompatible()) {
         var map = new GMap2(document.getElementById("map"));
        map.addControl(new GSmallMapControl());
        map.addControl(new GMapTypeControl());
        map.setCenter(new GLatLng(36.94,106.08),4);
        //创建一个图标模板，指定阴影等
        var baseIcon = new GIcon();
        baseIcon.shadow = "http://www.google.com/mapfiles/shadow50.png";
        baseIcon.iconSize = new GSize(20, 34);
        baseIcon.shadowSize = new GSize(37, 34);
        baseIcon.iconAnchor = new GPoint(9, 34);
        baseIcon.infoWindowAnchor = new GPoint(9, 2);
        baseIcon.infoShadowAnchor = new GPoint(18, 25);
        //创建用指定字母作为前景图的图标
        function createMarker(point, index) {
        // Create a lettered icon for this point using our icon class
        var letter = String.fromCharCode("A".charCodeAt(0) + index);
        var icon = new GIcon(baseIcon);
        icon.image = "http://www.google.com/mapfiles/marker" + letter + ".png";
        var marker = new GMarker(point, icon);
        GEvent.addListener(marker, "click", function() {
        marker.openInfoWindowHtml("Marker <b>" + letter + "</b>");
        });
        return marker;
        }
        //随机添加10个标记
        var bounds = map.getBounds();
        var southWest = bounds.getSouthWest();
        var northEast = bounds.getNorthEast();
        var lngSpan = northEast.lng() - southWest.lng();
        var latSpan = northEast.lat() - southWest.lat();
        for (var i = 0; i < 10; i++) {
            var point = new GLatLng(southWest.lat() + latSpan * Math.random(),
                southWest.lng() + lngSpan * Math.random());
            map.addOverlay(createMarker(point, i));
        }
        $(window).unload(function (){
               $('.').unbind();
               GUnload();
           });
     }else
     {
         alert('你使用的浏览器不支持 Google Map!');
     }
});

用指定字母作为前景图的图标效果

在地图上使用XML和异步请求(AJAX)

map.js

$(document).ready(function()
{
     if (GBrowserIsCompatible()) {
         var map = new GMap2(document.getElementById("map"));
       map.addControl(new GLargeMapControl());
        map.addControl(new GOverviewMapControl());

        map.addControl(new GMapTypeControl());
        map.setCenter(new GLatLng(36.94,106.08),4);
                //ajax请求
        GDownloadUrl("locations.xml", function(data, responseCode) {//回调函数
        var xml = GXml.parse(data);
        var markers = xml.documentElement.getElementsByTagName("marker");//解析xml,有多种方法
        for (var i = 0; i < markers.length; i++) {
            var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")),
            parseFloat(markers[i].getAttribute("lng")));
            map.addOverlay(new GMarker(point));
        }
        });
        $(window).unload(function (){
               $('.').unbind();
               GUnload();
           });
     }else
     {
         alert('你使用的浏览器不支持 Google Map!');
     }
});

locations.xml

本文链接

google map api 与jquery结合使用(2) --标注,浮窗[转帖]

2011-11-24T08:34:00Z

google map api 与jquery结合使用1-3

google map api 与jquery结合使用(1)--控件,监听器[转帖]

google map api 与jquery结合使用(2) --标注,浮窗[转帖]

google map api 与jquery结合使用(3) --图标样式,使用xml和异步请求【转帖】

修改javascript代码：
map.js

$(document).ready(function()
{
     if (GBrowserIsCompatible()) {
         var map = new GMap2(document.getElementById("map"));
        map.addControl(new GSmallMapControl());
        map.addControl(new GMapTypeControl());
        //开启滚轮伸缩效果－－鼠标滚轮向前滚放大地图，反之缩小
        map.enableScrollWheelZoom();
        map.setCenter(new GLatLng(36.94,106.08),4);
        //打开信息浮窗--需要在设置地图中心点后进行
        map.openInfoWindow(map.getCenter(),document.createTextNode("你好，中国"));
        $(window).unload(function (){
               $('.').unbind();
               GUnload();
           });
     }else
     {
         alert('你使用的浏览器不支持 Google Map!');
     }
});

在地图的中央会显示信息浮窗（相对粗糙）
信息浮窗效果图

地图标注
map.js

$(document).ready(function()
{
     if (GBrowserIsCompatible()) {
         var map = new GMap2(document.getElementById("map"));
        map.addControl(new GSmallMapControl());
        map.addControl(new GMapTypeControl());
        //开启滚轮伸缩效果－－鼠标滚轮向前滚放大地图，反之缩小
        map.enableScrollWheelZoom();
        map.setCenter(new GLatLng(36.94,106.08),4);
        //在地图上添加10个位置随机的标记
        var bounds = map.getBounds();
        var southWest = bounds.getSouthWest();
        var northEast = bounds.getNorthEast();
        var lngSpan = northEast.lng() - southWest.lng();
        var latSpan = northEast.lat() - southWest.lat();
        for (var i = 0; i < 10; i++) {
        var point = new GLatLng(southWest.lat() + latSpan * Math.random(),
            southWest.lng() + lngSpan * Math.random());
            map.addOverlay(new GMarker(point));
        }
        //随机取五个点连成折线，5个点按照经度排序防止折线自身交叉.
        var points = [];
        for (var i = 0; i < 5; i++) {
            points.push(new GLatLng(southWest.lat() + latSpan * Math.random(),
            southWest.lng() + lngSpan * Math.random()));
        }
        points.sort(function(p1, p2) {
        return p1.lng() - p2.lng();
        });
        map.addOverlay(new GPolyline(points));

        //单击事件句柄
        GEvent.addListener(map, "click", function(marker, point) {
        if (marker) {
        map.removeOverlay(marker);
        } else {
        map.addOverlay(new GMarker(point));
        }
        });
        $(window).unload(function (){
               $('.').unbind();
               GUnload();
           });
     }else
     {
         alert('你使用的浏览器不支持 Google Map!');
     }
});

此时可以在地图中看到10个标注和一条折线，由于是随机生成的，所以位置不是固定。
随机的地图标注和折线效果图

在标记上显示信息浮窗

map.js

$(document).ready(function()
{
     if (GBrowserIsCompatible()) {
         var map = new GMap2(document.getElementById("map"));
        map.addControl(new GSmallMapControl());
        map.addControl(new GMapTypeControl());
        //开启滚轮伸缩效果－－鼠标滚轮向前滚放大地图，反之缩小
        map.enableScrollWheelZoom();
        map.setCenter(new GLatLng(36.94,106.08),4);
        //在指定点以指定标签创建标记
        function createMarker(point, number) {
            var marker = new GMarker(point);
            GEvent.addListener(marker, "click", function() {
        marker.openInfoWindowHtml("Marker #<b>" + number + "</b>");
        });
        return marker;
        }

        //添加10个位置随机的标记
        var bounds = map.getBounds();
        var southWest = bounds.getSouthWest();
        var northEast = bounds.getNorthEast();
        var lngSpan = northEast.lng() - southWest.lng();
        var latSpan = northEast.lat() - southWest.lat();
        for (var i = 0; i < 10; i++) {
        var point = new GLatLng(southWest.lat() + latSpan * Math.random(),
        southWest.lng() + lngSpan * Math.random());
        map.addOverlay(createMarker(point, i + 1));
        }
        $(window).unload(function (){
               $('.').unbind();
               GUnload();
           });
     }else
     {
         alert('你使用的浏览器不支持 Google Map!');
     }
});

在标记上面显示信息浮窗的效果

分标签的信息浮窗

map.js

$(document).ready(function()
{
     if (GBrowserIsCompatible()) {
         var map = new GMap2(document.getElementById("map"));
        map.addControl(new GSmallMapControl());
        map.addControl(new GMapTypeControl());
        //开启滚轮伸缩效果－－鼠标滚轮向前滚放大地图，反之缩小
        map.enableScrollWheelZoom();
        map.setCenter(new GLatLng(36.94,106.08),4);
        //信息浮窗内容
        var infoTabs = [
            new GInfoWindowTab("气候", "华北地区气候不错"),
            new GInfoWindowTab("天气", "冷空气南下，可能降雪。")
        ];
        //在地图的中心添加一个标记并自动打开其信息浮窗
        var marker = new GMarker(map.getCenter());
        GEvent.addListener(marker, "click", function() {
        marker.openInfoWindowTabsHtml(infoTabs);
        });
        map.addOverlay(marker);
        marker.openInfoWindowTabsHtml(infoTabs);
        $(window).unload(function (){
               $('.').unbind();
               GUnload();
           });
     }else
     {
         alert('你使用的浏览器不支持 Google Map!');
     }
});

此时的浮窗是分标签的
分标签的信息浮窗

打开信息浮窗

本文链接

google map api 与jquery结合使用(1)--控件,监听器[转帖]

2011-11-24T08:33:00Z

google map api 与jquery结合使用1-3

google map api 与jquery结合使用(1)--控件,监听器[转帖]

google map api 与jquery结合使用(2) --标注,浮窗[转帖]

google map api 与jquery结合使用(3) --图标样式,使用xml和异步请求【转帖】

Google Maps JavaScript API可以让您在自己的网页上使用Google地图.在使用API之前，您应该先申请一
个API key,申请API key请到：http://code.google.com/apis/maps/signup.html。这里假设你获取到的key是：ABQIAA。
关于jquery的获取不再此处累赘，网上有许多关于jquery的介绍。
接着我们就使用JQuery和Google Maps JavaScript API来结合表现一下google map的有趣的地图效果，进而达到熟悉Google Maps JavaScript API的目标。

先来个HelloChina:
(1)在html文件中编写html代码:
map.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title>Google Maps 与 JQuery结合使用</title>
    <script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAA" type="text/javascript"></script>
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript" src="map.js"></script>
</head>
<body>
    <div id="map" style="top:100px;left:300px;width: 600px; height: 400px"></div>
    <div id="message"></div>
</body>
</html>

(2)在js文件中编写js代码
map.js

$(document).ready(function()
{
         //检查浏览器兼容性
     if (GBrowserIsCompatible()) {
         var map = new GMap2(document.getElementById("map"));
        map.setCenter(new GLatLng(36.94, 106.08), 4);//中国的经纬度以及地方放大倍数
        map.setMapType(G_SATELLITE_MAP);
        //document卸载时触发
           $(window).unload(function (){
               $('.').unbind();
               GUnload();
           });
     }else
     {
         alert('你使用的浏览器不支持 Google Map!');
     }
});

(3)在地址栏输入页面对应的地址(确定key是和你输入地址或域名匹配的),查看效果图，可以看到中国位于地图的中央。

HolloChina的效果图

地图的移动和变换

（1）修改javascript代码如下：
map.js

$(document).ready(function()
{
     if (GBrowserIsCompatible()) {
         var map = new GMap2(document.getElementById("map"));
        map.setCenter(new GLatLng(36.94, 106.08), 4);
       //4秒后移动
       window.setTimeout(function() {
        map.panTo(new GLatLng(35.746512259918504,78.90625));
        }, 4000);
        $(window).unload(function (){
               $('.').unbind();
               GUnload();
           });
     }else
     {
         alert('你使用的浏览器不支持 Google Map!');
     }
});

（2）输入对应的地址查看，等上4秒钟，就可以看到地图的中心移动到中国的西部(大概的位置)：

地图中心移动到中国的西部

添加控件并修改地图类型

修改javascript代码如下：
map.js

$(document).ready(function()
{
     if (GBrowserIsCompatible()) {
         var map = new GMap2(document.getElementById("map"));
        //小型伸缩控制器
        map.addControl(new GSmallMapControl());
    //地图类型控制器
        map.addControl(new GMapTypeControl());
    map.setCenter(new GLatLng(36.94,106.08),4);
        //将地图设置为卫星地图
    map.setMapType(G_SATELLITE_MAP);//修改地图类型
        $(window).unload(function (){
               $('.').unbind();
               GUnload();
           });
     }else
     {
         alert('你使用的浏览器不支持 Google Map!');
     }
});

刷新页面，看到的效果是卫星地图的左上角有一个小的伸缩控件，右上角是地图选择的控件

加入控件后的效果图

添加事件监听器并开启滚轮伸缩效果

修改javascript代码：
map.js

$(document).ready(function()
{
     if (GBrowserIsCompatible()) {
         var map = new GMap2(document.getElementById("map"));
        map.addControl(new GSmallMapControl());
        map.addControl(new GMapTypeControl());
        //开启滚轮伸缩效果－－鼠标滚轮向前滚放大地图，反之缩小
        map.enableScrollWheelZoom();
        //添加moveend事件监听器
        GEvent.addListener(map, "moveend", function() {
        var center = map.getCenter();
                        //在这个DIV中显示地图中心的经纬度
            $('#message').text(center.toString());
        });
        map.setCenter(new GLatLng(36.94,106.08),4);
        $(window).unload(function (){
               $('.').unbind();
               GUnload();
           });
     }else
     {
         alert('你使用的浏览器不支持 Google Map!');
     }
});

此时的地图在滚动滚轮的时候会发生伸缩，而拖动完地图后，地图左侧的坐标信息会跟着变。

本文链接

教你在windows 7/xp 下安装使用mencoder

2011-11-18T07:09:00Z

在linux 下有一个很NB的软件,那就是mencoder,这东西几乎可以对所有格式的视频进行格式转换,还可以剪辑,可以加字幕,可以从视频中提取音频,还可以从音频中提取视频.太变态了.

现在我就教大家如果安装这个变态的软件.

这软件是纯绿色的,首先要去官网上下载两个文件.

第一步是下载MPlayer-mingw32-1.0rc2.zip,它有两种版本提供

第一种是旧版本,【2007年版本】地址在http://www5.mplayerhq.hu/MPlayer/releases/win32/ (这是官网,安心下载, 绝对不含任何丐铁锌锡维生素abcd)

下完后把它解压在任何文件夹里.例如:D:\mencoder

第二种是最新版本,【2010年版本,而且还在及时更新】地址在

http://oss.netfarm.it/mplayer-win32.php(同上)

找到如下图的地方

跟据自己的CPU选择合适的版本,例如,我是amd 双核,就选择了amd multi core 后面的athlon,当然也可以选择athlon-xp.

如果是intel 就选择intel .

第二种下载完后,同第一种一样,解压到任意文件夹里.

第二步再下载windows-all-20071007.zip,地址在http://www5.mplayerhq.hu/MPlayer/releases/codecs/(同上)

下完把里面的所有后缀名为dll,还有其它的也要,直接复制到D:\mencoder\codecs文件夹里.

然后找到系统属性设置,打开环境变量设置,把"D:\mencoder"这个路径加到变量path的变量值的末尾,注意在D:\mencoder的前面加个分号.

如下图

最后一步,运行cmd,输入mencoder再回车 ,会出来个版本信息,这样说明就成功了.

如果你有在linux下使用mencoder的基础的话,那么就直接开始编辑你的视频吧.

本文链接

在线FLV播放器JW FLV PLAYER

2011-10-28T08:37:00Z

使用方法：如果你仅需要播放一个FLV文件[例如“video.flv”],那么只要把“video.flv”和压缩包内的flvplayer.swf复制到同一个目录内,然后在页面内添加

程序代码

<object type="application/x-shockwave-flash" width="400" height="220"
wmode="transparent" data="flvplayer.swf">
<param name="movie" value="flvplayer.swf" />
<param name="wmode" value="transparent" />
<object/>

“flvplayer.swf”会自动找到同一目录内的“video.flv”播放。也可以在“flvplayer.swf”后添加FLV文件的URL来进行播放。方法如下：

程序代码

<object type="application/x-shockwave-flash" width="400" height="220"
wmode="transparent data="flvplayer.swf?file=movies/holiday.flv">
<param name="movie" value="flvplayer.swf?file=movies/holiday.flv" />
<param name="wmode" value="transparent" />
</object>

“file=movies/holiday.flv”就是参数,可以使用相对或者绝对地址。

其他参数说明：

如果载入影片时不需要自动播放,可以使用“autostart”参数
例子

程序代码

<object type="application/x-shockwave-flash" width="400" height="220"
wmode="transparent" data="flvplayer.swf?autostart=false">
<param name="movie" value="flvplayer.swf?autostart=false" />
<param name="wmode" value="transparent" />
</object>

多个参数可以混合使用,有效的参数列表：

程序代码
file (FLV文件的地址)
autostart (是否允许自动播放，"true"或者"false")
image (未播放时的预览图片，只支持JPEG格式)
repeat (是否重复播放)
clicktext (开始时显示的文字，默认是"click to play")

下面是3.12版本http://www.cgfans.net/bbs/Medias/2007/10/jw_flv_player.zip这个是3.12版本
这篇文档包含了JW MP3 Player,JW FLVPlayer,JW Media Player,JW Image Rotator的安装方法和配置方
法

JW PLAYERS 3.12 文档

1，安装（在你的站点里嵌入）
2，参数（配置）
基本参数
颜色参数
界面参数
播放参数
互动参数
3，播放列表
4，自定义
5，支持

快速配置，可运行配置向导

1，安装
下载后，你可以得到一个例子，当用文本或HTML编辑器打开的时候，你可以发现swf是用一段短小的
javas

cript嵌入到页面上的。这个Javascript是Geoff Stearns写的swfobject.js，它解决了Flash需要激
活的麻烦。当复制swf到你的站点的时候，不要忘记了把swfobject.js一同复制过去。并且在页面中的
Head中加入下面代码

程序代码

<script type="text/javascript" src="swfobject.js"></script>

在swfobject.js的帮助下你可以方便的设置swf的路径，宽度，高度，背景颜色和所需要的Flash播放器的版本，也可以通过它设置一组参数来配置swf。当页面加载的时候，javascript会根据id来替换页面中的节点。

程序代码

<p id="player"><a href="http://www.macromedia.com/go/getflashplayer">Get Flash</a> to see this player.</p>
<script type="text/javascript">
var so = new SWFObject('mediaplayer.swf','player','400','400','7');
so.addParam("allowfullscreen","true");
so.addVariable("file","test.flv");
so.addVariable("displayheight","300");
so.write('player');
</script>

在你不能使用javascript的情况下（比如你的bsp不支持，如myspace），你可以使用"embed"的方式来插入swf。
需要注意的是 swf可以不在该服务器上，但是如果你需要用xml的播放列表可能会有问题，因为xml必须和swf在同一个服务器上，否则会因为安全问题被组织。mp3，jpg，flv可以不在该服务器上。

程序代码

<embed src="http://www.myfileserver.com/folder/mediaplayer.swf" width="400" height="400"
type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"
flashvars="file=http://www.myfileserver.com/folder/test.flv&displayheight=300" />

2，参数
这些参数可以配置被嵌入到html中的播放器的行为和外观。如果使用swfobject.js，可以用addVariable()方法来配置，如果使用的embed方式，可以通过定义"flashvars"属性来配置变量，注意用"&"符号分割这些变量。

被*号标注的同样适用于 JW Image Rotator

基本变量

displayheight(number）：显示区域的高度.控制区域最小高度是20px，当该值大于或等于swf的高度时，播放列表会自动隐藏，否这会显示。
file*(url）：要播放文件的地址。支持单文件播放(MP3/FLV/RTMP/JPG/SWF/PNG/GIF)，也支持播放列表。JW Image Rotator只支持列表
height*(number）：设置swf的高度，当使用embed方式插入的时候，在embed的属性里已经设置了。但是有时候（特别是使用IE的时候）高度会变的不确定，影响了布局，这时候需要通过该参数设置下，该值的单位是px
image(url）:当你播放mp3，flv的时候，你可以通过该值设置一个预览图作为专辑封面，支持 JPG/SWF/PNG/GIF file. 你也可以在播放列表中对每一项进行设置。
shownavigation*（true,false):该参数仅被JW Image Rotator支持。用来显示或隐藏图片导航。
transition* (fade,bgfade,blocks,bubbles,circles,fluids,lines,random,slowfade): 该参数仅被JW Image Rotator支持。用来设置图片替换的效果。设置为"random" 将随机的设置效果.默认值为 "fade".
width*(number):设置swf的宽度，其他同height；

颜色变量

backcolor*(color):设置播放器的背景颜色。JW Media Player等默认为 0xFFFFFF (白色) JW Image Rotator默认为 0x000000 (黑色).
fontcolor*(color):设置文字和按钮的颜色。JW Media Player等默认为 0x000000 (黑色) JW Image Rotator默认为 0xFFFFFF (白色).
lightcolor*(color):设置被被激活状态的颜色。JW Media Player等默认为 0x000000 (黑色) JW Image Rotator默认为 0xCC0000 (红色).

界面参数

autoscroll(true,false):当播放列表过长的时候，默认会自动显示滚动条。当该值设置为’true’的时候，会自动根据鼠标滚动播放列表。
displaywidth(number of pixes):设置显示区域的宽度，当设置的比较小的时候，播放列表会显示在显示区域的右侧而不是底部。
kenburns* (true,false): 用以实现在运动的时候实现kb效果（Ken Burns effect），注意，当图比较大，而且网速比较快的时候，建议打开，否则关闭。建议设置transition为"slowfade"来配合。
largecontrols (true,false): 设置该值为true用来放大控制区域的按钮。建议为视力不好的用户打开
logo* (url): 设置一个图片用来作为右上角的水印，支持所有图片格式，支持通明图层的png效果最佳。
overstretch* (true,false,fit,none): 设置图片/影片在显示区域的缩放。"true"等比例拉伸用来符合显示区域。"false"仅拉伸合显示区域。"fit"全屏显示。"none"显示原始大小。JW Media Player等默认为"fit",JW Image Rotator默认为"false"
showdigits (true,false,total): 设置为"false"隐藏播放时间等信息用来节省控制区域的空间。设置为"total"用来显示全部时间。
showdownload (true,false):设置该值用来在控制区域显示下载按钮。链接到link所设置的地址。
showeq (true,false): 用来显示一个假的音频波动效果。当播放mp3的时候打设置该值可以得到很好的效果
showicons* (true,false): 用来显示或者隐藏显示区域中间的图片，JW Media Player等默认为true。JW Image Rotator默认为false；
showvolume (true,false): 用来设置是否显示音量控制按钮
thumbsinplaylist (true,false): 设置列表中是否显示预览图

播放参数
autostart (true,false,muted): 设置为ture，页面加载完后会自动播放。设置为muted，会在静音模式下自动播放，并且显示区域中间有静音图标。bufferlength (number): 设置flv的缓存时间。默认为3秒
repeat* (true,false,list): 默认为flase，从当前播放位置播放到列表尾部后停止。设置为list会播放列表中所有的项目，设置为true会循环播放。
rotatetime* (number): 设置图片的显示时间。JW Media Player等默认为10秒,JW Image Rotator默认为5秒
shuffle* (true,false): 设置为false顺序播放，设置为true无序播
smoothing (true,false): 设置为false关闭视频平滑处理，推荐设置true用以得到更好效果。但对于大屏幕或者配置低的机器设置false是有好处的
start* (second): 在使用RTMP 或 HTTP 流媒体的时候（非常规的flv/mp3)，使用该变量准确的定位开始位置。该参数设置在XSPE格式的列表中以便准且的设置文件的章节。
volume* (number): 设置音量，默认为80.

互动参数

audio* (url):用这个参数来添加一个mp3文件作为单独的音频，可以作为图片的背景音乐解说等。
bwfile (url):用以带宽检测的文件的地址，可以放一个图片，或者rtmp流媒体。可以在右键菜单中查看到贷款数值。
bwstreams (comma-separated list of bitrates):
和bwfile配合使用，根据带宽值来选择不同的文件。如：你要播放video.flv并且设置该项的值为100,250,500,1000,当播放器发现带宽为349kbps的时候，将会播放video_250.flv。所以他有一套有效的命名设置，他将会自动切换，哪怕是在采用播放列表的情况下。
callback (url):设置这个参数为服务端程序（php/asp)地址用来回传数据。在每个项播放和停止的时候会发送数据到服务器，以便在服务器端保存播放统计。
captions (url): 设置该值用以载入一个文本格式的文本作为字幕。播放器至支持SMIL格式和DVD的SRT格式的字幕。如果你的flv文件内置字体你可以设置该值为"captionate".如果你有多频道字幕，可以设置这个值为"captionate0", "captionate3"等。可以在列表中设置每一个项的值。
enablejs* (true,false): 设置为true打开对javascript的支持。仅支持在线使用。javascript可以控制播放，加载媒体，获得当前播放项的详尽信息。
fsbuttonlink (url):如果用户的flashplayer版本高于（9.0.28）播放器会自动的显示一个全屏按钮。通过设置该值，你可以链接到另外的页面用以全屏显示。服务端程可以设定将要播放的文件。
id (string): 播放器的唯一标识。将会被回传到服务器端。
javascriptid* (string):如果你的页面上有多个播放器，你可以设置这个参数给每个播放器不同的id，这样就可以方便的用javascript来控制。他将回传到getUpdate（）事件中。
link (url): 通过这个参数用来设置一个可现在的版本，或者强制用户通过该地址下载当前项。可以在播放列表中为每一项设置该值。
linkfromdisplay* (true,false):设置显示区域被点击时要访问的页面。默认点击显示区域时会进行播放/暂停操作。
linktarget* (frame): 设置链接目标，"_self"在当前页打开。"_blank"在新页面中打开。
streamscript (url):设置这个参数为了兼容‘伪流媒体’FLV文件。
type (mp3,flv,rtmp,jpg,png,gif,swf,rbs,3gp,mp4,m4v): 播放器会根据文件名的最后三个字符来判断类型。在你使用服务器端语言进行重定向时，这种方法将不会再有效。所以你可以设置这个参数来告诉播放器文件类型。你也可以在播放列表中对每一项进行设置。如果播放器找不到文件类型将会被识别为播放列表。
useaudio (true,false): 设置为false用来改变为静音状态。
usecaptions (true,false):设置为false隐藏字幕.
usefullscreen (true,false):如果你不希望用flashplayer9的全屏模式。可以设置"fsbuttonlink"参数用来替换全屏按钮的事件。
usekeys (true,false): 设置为"false"用来取消键盘操作(SPACE,UP,DOWN,LEFT,RIGHT)

注意：你必须对?=&进行字符转移。? → %3F, = → %3D, & → %26. 你的"file" 变量为getplaylist.php?id=123的时候必须设置为 getplaylist.php%3Fid%3D123.

播放列表

当播放列表中只有一个项目的时候，播放器会用单文件播放模式进行播放。播放器根据文件名来区分单文件和播放列表文件。如你的加载文件名为test.mp3 的文件，播放器会用单文件播放模式去播放mp3，因为扩展名是mp3.如果你的文件名是getlist.php,播放器会认为这是个播放列表。如果你使用了动态脚本来加载一个单文件如

播放器支持三种常用的播放列表格式来确保通用性。XSPF，RSS和ATOM。

播放器所支持的XSPF/RSS/ATOM列表的通用标签。
表格

*Image Rotator仅支持播放列表中的第一个’audio’项，被用来做为背景音乐来播放。播放器会播放所有的音乐项目。

** "category" 元素可以用来支持广告。你可以设置该值为"preroll", "postroll" 或 "overlay".
使用"link"播放列表中单项的值为广告地址。

*** "start"元素只被XSPF的播放列表格式支持。该元素用来设置流媒体文件（HTTP or RTMP)的开始位置，单位为秒。

**** XSPF列表格式中的"location"元素中如果不包含常见的扩展名(如 "mp3" or "flv"),可以使用"meta"元素指定文件格式。(如 <meta rel=’"type">mp3</meta> ).在使用RSS和ATOM的情况下,文件格式被自动的根据mimetype来识别。

RTMP streams, the additional "id" flashvar has to be sent as well. Example: "file=rtmp://my.streaming.server/mypath" and "id=video_one".

注意，当你播放单文件的时候，你支持所有的参数,如你可以添加一个image，title，id，link等。如当你用单文件播放模式播放"video.flv"时你也想添加一个预览图，你可以设置参数"file=video.flv","image=preview.jpg".当你播放 RTMP流媒体的时候，你可以添加参数"id".如"file=rtmp://my.streaming.server/mypath" ，"id=video_one".

特别指出两个容易出错的地方。第一列表必须和播放器在同一个服务器上，这是flash的安全机制导致的。第二，要使用完整的地址格式包含http，以免播放器找不到文件。

自定义
有人多人要求我创建一些可自定义的版本。他们的很多要求其实已经可以通过设置参数来实现了。我做了一个在线配置向导可以简单的配置这些参数。我没有精力去满足所有人的要求。不过在下一个版本中会有很多有趣的附加功能。

如果你熟悉actionscript脚本语言，你可以自己修改程序添加功能。

播放器在实例的时候会最近会加完配置和播放列表变量，然后进入MCV的生命周期。在MCV生命周期中，配置和列表管理器（feeder）始终是有效的。

红色标注的两个对象的所有方法可以通过javascript调用。

在另外的flash程序中是可以引用播放器的。只要从下载的flv文件中复制出图像到你的flv中，并且确保将下载的com目录复制到你的flv文件中，里面包含了所有的脚本。然后你就可以在时间轴的第一个帧的位置访问变量了。注意要设置高度和宽度的变量，否则播放器会根据你的尺寸拉伸变形。
如

程序代码

// Set the flashvars (booleans and numbers should also be quoted)
var width = "320";
var height = "240";
var file = "my_video.flv";
var autostart = "true";
// Start the player
var mpl = new com.jeroenwijering.players.MediaPlayer(this.player);
Additionally, I have made the controller a public object, so you can control the mediaplayer with the sendEvent() function from anywhere in your flash site (the schematic above has a list of all sendEvent() options). Let’s continue the small script above:

我为播放器创建了公开的controller对象，所以你可以在你程序的任何地方通过使用sendEvent（）来控制播放器，如：

程序代码mpl.controller.sendEvent("volume",50);
mpl.controller.sendEvent("playpause");

支持

常见问题列表

1.如果你在使用ie的情况下出现了布局错乱的情况，那可能是大小没有别设定好，你可以使用变量"width"和"height"来强行设置。
2.注意，flash和javascript的安全机制会影响你的本地测试。当你的文件放在不同的服务器上的时候也会受到影响，你可以尝试放在同一个服务器上。
3.全屏功能只有在flash player9.028.0以上版本才能使用，如果你使用了swfobject来嵌入你的播放器，你可以使用他的自动升级功能。注意设置 "allowfullscreen" 为true
4.如果你的进度条不动，或者你的视频的长度有问题。那可能是你的flv没有设置正确的metadata。你可以使用一个小工具www.buraks.com/flvmdi/.

两个版本使用起来稍有不同,具体请见里面说明：
官方下载链接: http://www.longtailvideo.com/players/jw-flv-player/
参考链接：http://www.jeroenwijering.com/upload/jw_flv_player.zip

本文链接

jQuery条形码插件 jQuery Barcode

2011-10-28T08:19:00Z

jQuery Barcode 是一个用来创建条形码的 jQuery 插件。

在线演示

首先介绍下条形码的原理先：
条形码技术最早产生在风声鹤唳的二十年代，诞生于Westinghouse的实验室里。一位名叫John Kermode性格古怪的发明家“异想天开”地想对邮政单据实现自动分检，那时候对电子技术应用方面的每一个设想都使人感到非常新奇。

他的想法是在信封上做条码标记，条码中的信息是收信人的地址，就象今天的邮政编码。为此Kermode发明了最早的条码标识，设计方案非常的简单（注：这种方法称为模块比较法），即一个“条”表示数字“1”，二个“条”表示数字“2”，以次类推。然后，他又发明了由基本的元件组成的条码识读设备：一个扫描器(能够发射光并接收反射光)；一个测定反射信号条和空的方法，即边缘定位线圈；和使用测定结果的方法，即译码器。

Kermode的扫描器利用当时新发明的光电池来收集反射光。“空”反射回来的是强信号，“条”反射回来的是弱信号。与当今高速度的电子元气件应用不同的是，Kermode利用磁性线圈来测定“条”和“空”。就象一个小孩将电线与电池连接再绕在一颗钉子上来夹纸。Kermode用一个带铁芯的线圈在接收到“空”的信号的时候吸引一个开关，在接收到“条”的信号的时候，释放开关并接通电路。因此，最早的条码阅读器噪音很大。开关由一系列的继电器控制，“开”和“关”由打印在信封上“条”的数量决定。通过这种方法，条码符号直接对信件进行分检。

此后不久， Kermode的合作者Douglas Young，在Kermode码的基础上作了些改进。

Kermode码所包含的信息量相当的低，并且很难编出十个以上的不同代码。而Young码使用更少的条，但是利用条之间空的尺寸变化，就象今天的UPC条码符号使用四个不同的条空尺寸。新的条码符号可在同样大小的空间对一百个不同的地区进行编码，而Kermode码只能对十个不同的地区进行编码。

直到1949年的专利文献中才第一次有了Norm Woodland和Bernard Silver发明的全方位条形码符号的记载，在这之前的专利文献中始终没有条形码技术的记录，也没有投入实际应用的先例。Norm Woodland和Bemard Silver的想法是利用Kermode和YOung的垂直的“条”和“空”，并使之弯曲成环状，非常象射箭的靶子。这样扫描器通过扫描图形的中心，能够对条形码符号解码，不管条形码符号方向的朝向。

在利用这项专利技术对其进行不断改进的过程中，一位科幻小说作家Isaac-Azimov在他的“裸露的太阳”一书中讲述了使用信息编码的新方法实现自动识别的事例。那时人们觉得此书中的条形码符号看上去象是一个方格子的棋盘，但是今天的条形码专业人士马上会意识到这是一个二维矩阵条形码符号。虽然此条形码符号没有方向、定位和定时，但很显然它表示的是高信息密度的数字编码。

直到1970年Iterface Mechanisms公司开发出“二维码”之后，才有了价格适于销售的二维矩阵条码的打印和识读设备。那时二维矩阵条形码用于报社排版过程的自动化。二维矩阵条形码印在纸带上，由今天的一维CCD扫描器扫描识读。CCD发出的光照在纸带上，每个光电池对准纸带的不同区域。每个光电池根据纸带上印刷条码与否输出不同的图案，组合产生一个高密度信息图案。用这种方法可在相同大小的空间打印上一个单一的字符，作为早期Kermode码之中的一个单一的条。定时信息也包括在内，所以整个过程是合理的。当第一个系统进入市场后，包括打印和识读设备在内的全套设备大约要5000美元。

此后不久，随着LED(发光二极管)、微处理器和激光二极管的不断发展，迎来了新的标识符号(象征学)和其应用的大爆炸，人们称之为“条码工业”。今天很少能找到没有直接接触过即快又准的条形码技术的公司或个人。由于在这一领域的技术进步与发展非常迅速，并且每天都有越来越多的应用领域被开发，用不了多久条形码就会象灯泡和半导体收音机一样普及，将会使我们每一个人的生活都变得更加轻松和方便。

条形码技术的优点

条形码是迄今为止最经济、实用的一种自动识别技术。条形码技术具有以下几个方面的优点

A．输入速度快：与键盘输入相比，条形码输入的速度是键盘输入的5倍，并且能实现"即时数据输入"。

B．可靠性高：键盘输入数据出错率为三百分之一，利用光学字符识别技术出错率为万分之一，而采用条形码技术误码率低于百万分之一。

C．采集信息量大：利用传统的一维条形码一次可采集几十位字符的信息，二维条形码更可以携带数千个字符的信息，并有一定的自动纠错能力。

D．灵活实用：条形码标识既可以作为一种识别手段单独使用，也可以和有关识别设备组成一个系统实现自动化识别，还可以和其他控制设备联接起来实现自动化管理。

另外，条形码标签易于制作，对设备和材料没有特殊要求，识别设备操作容易，不需要特殊培训，且设备也相对便宜。

编码规则

唯一性：同种规格同种产品对应同一个产品代码，同种产品不同规格应对应不同的产品代码。根据产品的不同性质，如：重量、包装、规格、气味、颜色、形状等等，赋予不同的商品代码。

永久性：产品代码一经分配，就不再更改，并且是终身的。当此种产品不再生产时，其对应的产品代码只能搁置起来，不得重复起用再分配给其它的商品。

无含义：为了保证代码有足够的容量以适应产品频繁的更新换代的需要，最好采用无含义的顺序码。

条形码的码制区别

UPC:(统一产品代码）

只能表示数字有A、B、C、D、E四个版本版本 A - 12 位数字版本 E - 7 位数字最后一位为校验位大小是宽1.5" 高1 " ，而且背景要与清晰主要使用于美国和加拿大地区，用于工业、医药、仓库等部门。当UPC 作为十二位进行解码时，定义如下：第一位 = 数字标识 (已经由UCC（统一代码委员会）所建立). 第2-6位 = 生产厂家的标识号(包括第一位) 第7-11 = 唯一的厂家产品代码第12位 = 校验位(used for error detection)

Code 3 of 9 :

能表示字母、数字和其它一些符号共43个字符：A -Z,0 - 9,-.$/+%,pace 条形码的长度是可变化的，通常用“*”号作为起始、终止符校验码不用代码密度介于3 - 9.4个字符/每英寸，空白区是窄条的10倍，用于工业、图书、以及票证自动化管理上。

Code 128:

表示高密度数据, 字符串可变长，符号内含校验码，有三种不同版本: A, B, and C 可用128个字符分别在 A, B, or C 三个字符串集合中，用于工业、仓库、零售批发。

Interleaved 2-of-5 (I2 of 5):

只能表示数字0 -9 可变长度，连续性条形码，所有条与空都表示代码，第一个数字由条开始，第二个数字由空组成空白区比窄条宽10倍，应用于商品批发、仓库、机场、生产/包装识别、工业中，条形码的识读率高，可适用于固定扫描器可靠扫描，在所有一维条形码中的密度最高。

Codabar（库德巴条形码）:

可表示数字0 - 9,字符$、+、 -、还有只能用作起始/终止符的a, b, c d四个字符，可变长度，没有校验位，应用于物料管理、图书馆、血站和当前的机场包裹发送中，空白区比窄条宽10，非连续性条形码，每个字符表示为4条3空。

PDF417 （二维码）:

多行组成的条形码，不需要连接一个数据库，本身可存储大量数据，应用于：医院、驾驶证、物料管理、货物运输，当条形码受一定破坏时，错误纠正能使条形码能正确解码PDF417, 是Symbol科技公司于1990研制产品。它是一个多行、连续性、可变长、包含大量数据的符号标识。每个条形码有3 - 90行，每一行有一个起始部分、数据部分、终止部分。它的字符集包括所有128个字符，最大数据含量是1850个字符。

发现有个不错的网站，使用了JQUERY去产生二维码，地址是：
http://barcode-coder.com/en/

另外如果JAVA方面，也可以用生成servlet的方法去生成，用的比较多的是：
barbecue和barcode4j，转一段说明：
1、 google或者摆渡一下barcode4j要用的东东，下载压缩包barcode4j-2.0alpha2-bin.zip和barcode4j-2.0alpha2-src.zip。

2、解压barcode4j-2.0alpha2-bin.zip这个包，在build目录下有barcode4j.jar，在lib目录下有avalon- framework-4.2.0.jar，将barcode4j.jar和avalon-framework-4.2.0.jar添加到项目的lib中，刷新工程，然后在项目配置中将这两个jar 包添加到classpath里面去。

3、解压将barcode4j-2.0alpha2-src.zip，将src\java\org\krysalis\barcode4j\servlet 目录下的BarcodeServlet.java类的代码拷出来，修改默认的图片显示方式，BarcodeServlet.java第168行的默认图片显示格式改成jpeg（因为不是所有的浏览器都支持svg格式，也不是所有的浏览者都愿意给自己的浏览器加一个这样的插件）

4、将以下这段servlet配置在web.xml中
<servlet>
<servlet-name>BarcodeServlet</servlet-name>
<servlet-class>com.yourname.BarcodeServlet</servlet-class>
</servlet>

<servlet-mapping>
<servlet-name>BarcodeServlet</servlet-name>
<url-pattern>/barcode</url-pattern>
</servlet-mapping>

4、在页面中添加<img src="<%=request.getContextPath() %>/barcode?msg=12345678" height="50px" width=130px/>

5、查看该页面就可以发现条形码为“12345678”的图片了，当然了图片大小就自己设置了。

本文链接

多款 flash player

2011-10-28T08:11:00Z

1.FlowPlayer

FlowPlayer 是一个用Flash开发的在Web上的视频播放器，可以很容易将它集成在任何的网页上。支持HTTP以及流媒体传输。

下载 FlowPlayer 3.1.3

新版本在性能和稳定性方面都有一些改进，基于 RTMP 和 RTMPT 的连接建立速度更快了。

2.JW PLAYER

JW FLV MEDIA PLAYER是一个开源的在网页上使用的Flash视频、音频以及图片播放器，支持 Sliverlight 播放，可以通过一个XML文件使播放器自动切换显示一组图片，并播放背景音乐。

在线参数设置向导：http://www.longtailvideo.com/support/jw-player-setup-wizard

源码下载：http://developer.longtailvideo.com/trac/browser/tags/mediaplayer-5.0

本文链接

在线文档显示组件 FlexPaper

2011-10-28T06:42:00Z

FlexPaper是一个开源轻量级的在浏览器上显示各种文档的组件，被设计用来与PDF2SWF一起使用，使在Flex中显示PDF成为可能，而这个过程并无需PDF软件环境的支持。它可以被当做Flex的库来使用。

另外你也可以通过将一些例如Word、PPT等文档转成PDF，然后实现在线浏览。

一. 使用PDF2SWF准备好你的文档

首先要将PDF转成SWF，这步可以使用开源的SwfTools自动完成

1.下载安装 SwfTools，当前最新版本是0.9
2. 转换PDF到SWF，可以通过命令行的方式，例如将Paper3.pdf转换成Paper3.swf
C:\SWFTools\pdf2swf Paper3.pdf -o Paper3.swf

二. 使用已经编译好的FlexPaper的flash版本浏览你的文档

下载并解压出已经编译好的FlexPaper
zip文件包含一个例子文件叫做FlexPaperViewer.html，它向你展示了需要传给FlexPaper的基本参数
var params = {
SwfFile : "Paper.swf",
Scale : 0.6
}
swfobject.embedSWF("FlexPaperViewer.swf","cb","500","500","9.0.0","js/swfobject/expressInstall.swf", params);

//SwfFile参数是你想显示的文件，Scale是0-1之间的数，表示显示的放大参数
复制你创建出来的swf和PDF2SWF到解压缩出的相同目录
确定你添加了FlexPaperViewer.swf

三. 在Flex中使用FlexPaper

1. 下载FlexPaper SWC，添加到你的Flex项目libs中
2. 复制你用PDF2SWF创建的SWF到你的bin-debug目录，如Paper3.swf，添加FlexPaper组件到你的flex代码中Xml代码

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
    layout="absolute"
    width="800" height="500"
    xmlns:flexpaper="com.devaldi.controls.flexpaper.*">

    <flexpaper:FlexPaperViewer width="800" height="500"
        Scale="1" SwfFile="Paper3.swf" />

</mx:Application>

本文链接