Tags：flash - 张宴的博客 - Web系统架构与底层研发

分页： 1/1

[ 显示模式：摘要 | 列表 ]

基于开源Flash Server：Red5构建RTMP流媒体播放平台[原创]

[

2009-4-13 23:13 | by 张宴 ]

　　[文章作者：张宴本文版本：v1.0 最后修改：2009.04.13 转载请注明原文链接：http://blog.zyan.cc/post/409/]

　　上周五，我们基于开源Flash Server：Red5（http://osflash.org/red5）的Flash流媒体服务平台上线，内容涉及视频上传、视频分发、调用接口、Flash播放器等。

　　一、Flash RTMP流媒体播放演示（播放时进度条可以自由拖动）：

　　生产环境更多 Flash RTMP 流媒体视频演示：http://jx3.xoyo.com/xgxz/video/

　　二、安装步骤简要说明：
　　①、安装JDK
　　打开http://java.sun.com/javase/downloads/，下载最新的Java SE Development Kit (JDK)，安装在/usr/local/jdk/下。

chmod +x jdk-6u13-linux-i586.bin
./jdk-6u13-linux-i586.bin

　　②、安装Red5
　　打开http://osflash.org/red5/070final，下载red5-0.7.0.tar.gz，解压缩后执行./red5.sh，然后访问http://yourdomain:5080/，有演示。

　　三、服务器带宽消耗比较：
　　①、客户端 1.5M ADSL 环境，HTTP 方式播放单个视频，服务器所消耗的带宽：

[root@localhost ~]# ./net.sh eth0 1
IN: 3318 Byte/s OUT: 259984 Byte/s
IN: 3486 Byte/s OUT: 249470 Byte/s
IN: 3332 Byte/s OUT: 259984 Byte/s
IN: 3090 Byte/s OUT: 252528 Byte/s
IN: 3000 Byte/s OUT: 252474 Byte/s
IN: 3000 Byte/s OUT: 253976 Byte/s
IN: 2940 Byte/s OUT: 255478 Byte/s
IN: 3004 Byte/s OUT: 252474 Byte/s
IN: 3452 Byte/s OUT: 252528 Byte/s
IN: 3270 Byte/s OUT: 260038 Byte/s
IN: 3586 Byte/s OUT: 252474 Byte/s

　　②、客户端 1.5M ADSL 环境，RTMP 流媒体方式播放单个视频，服务器所消耗的带宽：

[root@localhost ~]# ./net.sh eth0 1
IN: 3900 Byte/s OUT: 27878 Byte/s
IN: 4200 Byte/s OUT: 30868 Byte/s
IN: 4380 Byte/s OUT: 27801 Byte/s
IN: 4080 Byte/s OUT: 29965 Byte/s
IN: 4080 Byte/s OUT: 26450 Byte/s
IN: 3960 Byte/s OUT: 27143 Byte/s
IN: 3000 Byte/s OUT: 10061 Byte/s
IN: 3960 Byte/s OUT: 16166 Byte/s
IN: 3660 Byte/s OUT: 26480 Byte/s
IN: 4020 Byte/s OUT: 23127 Byte/s

　　HTTP 方式播放，如果服务器端不限速，客户端的带宽越大，服务器消耗的带宽也越大，但限速又会影响用户体验；
　　RTMP 流媒体方式播放，只要客户端达到最低带宽要求，不管客户端的带宽如何，服务器消耗的带宽都一样。

　　如果播放10M以内大小的视频，HTTP 能够在较短的时间内下载完视频，能够降低并发观看用户数；
　　如果播放10M以上大小的视频，RTMP 要比 HTTP 方式节省不少带宽。

　　RTMP 播放时进度条可以自由拖动，虽然Lighttpd和Nginx目前也可以使用somevideo.flv?start=xxx的方式从指定位置下载视频，但还是不如 RTMP 灵活。

阅读全文

技术大类 » 其他Unix技术 | 评论(79) | 引用(3) | 阅读(133799)

AJAXCDR：利用 Flash 完美解决 JavaScript 和 AJAX 跨域 HTTP POST/GET 表单请求[原创]

[

2009-3-9 11:54 | by 张宴 ]

　　[文章+部分代码作者：张宴本文版本：v1.0 最后修改：2009.03.09 转载请注明原文链接：http://blog.zyan.cc/ajaxcdr/]

　　最近的一个项目中，需要通过 JavaScript 提交表单数据到另一个域名下的PHP接口（因为数据较大，需要HTTP POST方式提交），并获取PHP接口的返回值，在页面无刷新、无跳转的情况下，更新div标签内的内容。

　　浏览器出于安全考虑，是不允许JavaScript代码进行跨域操作。JavaScript 和 AJAX 跨域访问分为两大类，一是本域和子域的交互，二是本域和其他域的交互。

　　一、本域和子域的交互：www.zyan.cc 和 blog.zyan.cc
　　二、本域和其他域的交互：blog.zyan.cc 和 api.bz

　　本域和子域的交互，可以通过iframe设置两个域名document.domain = "zyan.cc"，实现统一zyan.cc域下的跨域访问。

　　本域和其他域的交互，可以通过iframe、代理、JS创建动态脚本等几种方法来实现，这里有篇文章对几种方法作了简要的介绍。

　　iframe、JS创建动态脚本这两种方法，需要开发者能控制两个域，两端都要编写相应的代码，非常麻烦。在本域服务器上用PHP写个代理中转程序，让本域PHP程序去读取远程其他域的数据再返回给自己，是常用的方法。但是，在本域“前端是CDN或Squid缓存服务器，后端才是PHP应用程序服务器”的系统架构下，穿透CDN或Squid去访问不能被缓存的PHP代理中转程序，效率是很低的。

　　国外有人尝试用 Flash 做 JavaScript 和 AJAX 跨域访问中转，无疑是一个好方法。JavaScript 将数据提交给本域下的 Flash，通过 Flash 中转去访问其他域的接口，条件只需要其他域的根目录下有一个crossdomain.xml文件，文件中设置允许所有域名或允许本域访问即可。很多网站的API域名都提供了crossdomain.xml文件。

　　例如：
　　1、新浪博客的crossdomain.xml文件（http://blog.sina.com.cn/crossdomain.xml）设置了允许所有域名访问；
　　2、饭否API的crossdomain.xml文件（http://api.fanfou.com/crossdomain.xml）设置了允许所有域名访问；
　　3、校内网API的crossdomain.xml文件（http://api.xiaonei.com/crossdomain.xml）设置了允许所有域名访问；
　　4、优酷网的crossdomain.xml文件（http://www.youku.com/crossdomain.xml）设置了允许所有域名访问；
　　5、土豆网的crossdomain.xml文件（http://www.tudou.com/crossdomain.xml）设置了允许所有域名访问；

　　6、逍遥视频的crossdomain.xml文件（http://v.xoyo.com/crossdomain.xml）设置了只允许*.xoyo.com域名访问；
　　7、网易的crossdomain.xml文件（http://www.163.com/crossdomain.xml）设置了只允许tech.163.com、sports.163.com等几个域名访问。

　　本人在“Cross-domain AJAX using Flash”的基础上，增加了对表单进行智能处理的功能，封装了一个JavaScript包：AJAXCDR。通过 AJAXCDR，即可轻松地解决 JavaScript 和 AJAX 跨域 HTTP POST/GET 表单请求，支持IE、Firefox、谷歌Chrome等多种浏览器。

　　AJAXCDR 拥有两个文件：ajaxcdr.js 和 ajaxcdr.swf，AJAXCDR 拥有一个 JavaScript 函数 AjaxCrossDomainRequest() 和一个全局变量 AjaxCrossDomainResponse。

　　一、AJAXCDR 下载：

阅读全文