Marshal's Blog » flash

gwt编写最简单的flash播放器

Marshal — Tue, 26 Jan 2010 03:34:52 +0000

在gwt上编写视频播放，可以使用bst项目，见：

http://oss.bramosystems.com/bst-player/

使用bst，编写了一个最简单的flash播放器，代码很简单：

public void onModuleLoad() {
    SimplePanel panel = new SimplePanel();
    AbstractMediaPlayer player = null;

    try {
        player = new FlashMediaPlayer(
                "http://marshal.easymorse.com/videos/test.mp4");
        panel.setWidget(player);
    } catch (PluginNotFoundException e) {
        e.printStackTrace();
    } catch (PluginVersionException e) {
        e.printStackTrace();
    } catch (LoadException e) {
        e.printStackTrace();
    }
    RootPanel.get().add(panel);

需要在模块配置文件下引入bst：

目前来看，flash还是互联网上兼容最好的方式，无论是linux还是windows，是firefox还是google chrome。不过，在移动终端，能够支持flash 10.1的机器很少。

源代码见：

http://easymorse.googlecode.com/svn/tags/Videos-0.1/

在ubuntu中安装flash插件

Marshal — Thu, 19 Nov 2009 05:54:37 +0000

在ubuntu默认安装中没有为浏览器安装flash插件，因为这个插件adobe公司有许可限制。

最简单的方法是访问这个链接：

http://get.adobe.com/flashplayer/?promoid=BUIGP

选择deb格式下载包：

然后鼠标双击这个文件就可以安装了。

但是，有的人安装以后可能还会有问题，这往往是已经安装了其他flash的播放器，比如swfdec，这是一个免费的flash播放器。

卸载办法是，命令行执行：

sudo apt-get remove swfdec-mozilla

yamdi是什么

Marshal — Tue, 17 Nov 2009 09:49:14 +0000

yamdi是yet another metadata injector的缩写。用于flv文件加入metadata。网址（http://yamdi.sourceforge.net/）。在bsd，linux和win32下都可以使用。

作者开发yamdi的原因：

在一个项目中我要向很大的flv文件（超过1GB）中增加metadata数据。其他知名的免费工具，比如flvmdi和flvtool2并不适合这个场景，因为它们都是将整个文件读入内存。因为我不熟悉ruby（为了修改flvtool2），而且flvmdi也不是开源的，因此我参照flv规范实现了用c开发的metadata injector。jamdi使用更少的内存而且更快。

安装yamdi很容易，在ubuntu下：

apt-get install yamdi

使用yamdi增加metadata信息的命令：

yamdi -i sample.flv -o sample_with_metadata.flv

yamdi为flv文件增加了很多metadata信息，比如创建者、是否有关键帧、是否有视频、是否有音频，视频高度和宽度等等。

基于xmoov-php的流媒体播放

Marshal — Tue, 17 Nov 2009 09:27:36 +0000

14xmoov-php（http://xmoov.com/xmoov-php/），是php编写的服务器端基于http的伪流脚本。

以前，如果需要流式播放流媒体内容，需要比如安装adobe flash media server软件在服务器端。

http伪流（http pseudo-streaming）通过服务器端脚本，可以做到随机访问视频的指定部分，而不需要全部加载视频。

xmoov-php正是这样的一种实现，而且是开源的。它具有如下特性：

随机访问：允许观众即时随机访问视频的某个部分而不需要完全加载它；
带宽控制：可选的带宽控制，允许观众动态调整预设的带宽（低、中、高）；
缓存控制：允许或者禁止观众本地系统对视频文件的缓存；
快速部署：15分钟实现设置和部署。

xmoov-php对软件的要求：

web服务器：需要一个支持php4以上版本的web服务器；
元数据（metadata）：为了能支持随机访问特性，视频需要加入flv元数据，xmoov-php已经在windows下测试过buraks flv metadata injector，在linux和mac os上测试过yamdi；
flv player：可以和绝大多数flash视频播放器配合工作。

使用flowplayer播放flv文件

Marshal — Sun, 17 May 2009 00:12:02 +0000

flowplayer是开源的（GPL 3）web视频播放器。网址：

http://flowplayer.org/

下载flowplayer的地址：

http://flowplayer.org/download/index.html

解压缩下载的文件包。

部署flowplayer，比如复制解压缩的以下文件到你自己的目录下：

flowplayer-3.1.0.min.js
flowplayer-3.1.0.swf
flowplayer.controls-3.1.0.swf

另外，将需要播放的flv文件也放在该目录下。

编写html文件：

xml version="1.0" encoding="UTF-8" ?>
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>flowplayer demo/title> <script type="text/javascript"
    src="flowplayer-3.1.0.min.js">script>
head>
<body>
<a href="your_file.flv"
    style="display: block; width: 400px; height: 300px" id="player"> a>
<script>
            flowplayer("player", "flowplayer-3.1.0.swf");
script>
body>
html>

如果需要播放视频服务器上的视频，比如rtmp，需要使用插件：

http://flowplayer.org/plugins/streaming/rtmp.html

trac安装MovieMacro，播放flash的插件

Marshal — Fri, 24 Apr 2009 16:11:20 +0000

moviemacro是trac的插件，网址：

http://trac-hacks.org/wiki/MovieMacro

可为trac提供movie宏，用于嵌入在线电影，比如youtube等。作者lcordier没说是否支持rtmp流媒体服务器中的flv文件。使用前发邮件询问了一下，作者认为使用了flowplayer播放flv文件，该工具支持rtmp，所以应该是可以的。

本来打算先安装moviemacro，向作者询问只是希望得到最后的确认。没想到作者15分钟内就回复了。所以安装和使用基本没有悬念，以下是安装步骤。

安装命令：

sudo easy_install http://trac-hacks.org/svn/moviemacro/0.11/

需要重启apache：

sudo /etc/init.d/apache2 restart

然后，就可以使用moviemacro宏，比如：

[[Movie(rtmp://your_ip/oflaDemo/svn_merge.flv,width=800px,height=580px)]]

效果如下图。

：

使用flv播放器播放远程流媒体

Marshal — Fri, 24 Apr 2009 15:04:13 +0000

使用桌面程序播放red5服务器上的flv文件，通过rtmp协议连接。首先测试了Wimpy Desktop FLV Player，一个免费的桌面播放器。

链接是：

http://www.wimpyplayer.com/products/wimpy_standalone_flv_player.html

绿色软件，不需要安装，解压缩就可用，rtmp连接多个flv文件，测试通过。我自己生成的flv文件，能出来第一个画面，然后多次play/pause操作，调整时间线，才可以播放，不知道是我flv文件格式问题，还是flash版本问题，该工具使用的flash 9。

不是很满意，又测试了另一个工具FLV-Media Player，倒是没有wimpyplayer的问题。

该工具的网址：

http://www.flv-media-player.com/

界面上flv-media-player更好一些，可选项也更多，可选择多种语言，包括中文。问题是我自己的flv文件可顺利播放，却无法停止或者暂停，Wimpy player是可以的。

这可能和我flv文件生成有关。

在ubuntu下安装red5

Marshal — Fri, 24 Apr 2009 14:01:37 +0000

red5的文档做的不好，不过为了建一个免费的流媒体服务器，目前也只有用它了。red5 googlecode上链接的版本比官方网站上新：

http://code.google.com/p/red5/

因为是ubuntu，所以上来就下载了deb版本，安装命令为：

dpkg –install red5_0.8.0_RC1.deb

提示没有安装sun-jdk-5，因为ubuntu已经安装了sun-jdk-6。不打算重装sun-jdk-5了。那么只有两个办法，自行编译red5.deb，或者选择其他办法。

这里选择了后者，不想在服务器上安装配置ant和ivy了。下载当前最新的red5 0.8.0_RC2.tar.gz.tar（奇怪的格式），选择的是java6编译的版本，解压缩：

tar -xvf red5-0.8.RC2-java6.tar.gz.tar

进入red5解压缩目录，然后设置RED5_HOME：

export RED5_HOME=`pwd`

启动red5之前可以先调整一下端口号，需要修改以下文件：

sudo vim conf/red5.properties

启动red5：

./red5.sh

然后通过浏览器访问：

http://your_ip:5080

如能访问，说明安装成功了。red5提供了一些demo，演示red5的功能，一些demo也可以直接使用，比如流媒体服务功能。点击链接：

Click here to install demos.

出现一个flash的表单，直接点击connect按钮，就可以看到所有demo，需要install，才可以使用这些demo。install后，应该不必重启red5服务器。

我这里需要流媒体服务器功能，所以主要是安装oflaDemo，这个demo安装好后，在red5/webapps目录下将出现同名的目录，将你需要远程播放的视频flv文件放在该目录的streams目录下。

测试流媒体播放器的使用，可访问：

http://your_ip:5080/demos/ofla_demo.html

也是flash的表单，如果是在本机上运行red5，可直接点击connect链接，应该在libray列表中出现streams目录中包含的flv文件，点击它就可以在video栏中播放了。如果不是本地机，需要将localhost替代为具体的ip地址。