收集网上的flex与php相关视频的代码,使用Flex和PHP创建自己的视频应用

创建 HTML/Flash 界面

在Adobe Flex Builder™ 2创建一个新的Flex 工程,然后创建一个Flash视频,这个视频通过给定的URL找到视频并播放。我们将这个Flex应用程序文件命名为simplemovie.mxml,代码如下:

simplemovie.mxml

source="{Application.application.parameters.movie}" />

这个简单的Flex程序包括两部分:一个用来播放视频的VideoDisplay组件以及一个Play 按钮,当视频播放完毕时用户可以点击按钮重新播放。

VideoDisplay 组件有一个 source 属性,它包含了视频FLV文件的URL地址。在这里,它的值是一个程序变量,这个变量是HTML中的或标签的FlashVars属性所提供的。

使用Flex Builder将simplemovie.mxml编译成simplemovie.swf文件然后将其从bin文件夹中移动到PHP文件目录中。下面我们将创建一个嵌入了这个视频的PHP页面,该页面代码如下:

simptest.php

require "DB.php";

$moviebase = 'http://localhost:8080/movies/';

$dsn = 'mysql://root@localhost/movies';

$db =& DB::connect( $dsn );

if ( PEAR::isError( $db ) ) { die($db->getMessage()); }

$source = null;

$movieId = 1;

if ( array_key_exists( 'movie', $_GET ) )

$movieId = $_GET['movie'];

$movies = array();

$res = $db->query( 'SELECT movieId, source, title FROM movies' );

while( $row = $res->fetchrow( ) ) {

$movies []= $row;

if ( $row[0] == $movieId )

$source = $row[1];

}

if ( $source == null )

$source = $movies[0][1];

?>

height="335"

codebase="http://fpdownload.macromedia.com/get/flashplayer/current/

swflash.cab">

width="400" height="335" play="true"

loop="false"

quality="high"

flashVars="movie=<?php echo( $moviebase.$source ) ?>"

type="application/x-shockwave-flash"

pluginspage="http://www.adobe.com/go/getflashplayer">

foreach( $movies as $movie ) {

?>

<?php echo( $movie[2] )?>

}

?>

在上面的代码中,一开始是连接到数据库并获取视频列表。然后它就开始查找是否有与URL中ID匹配的视频ID,如果有匹配的视频ID,它就会将这个ID赋值给movie变量并通过flashVars参数传送到simplemovie.swf文件。

接下来,在HTML代码中创建了 和 标签用来嵌入simplemovie.swf,标签中也提供了视频的正确URL地址。然后又创建了一个列表列出了所有可用的视频,这个列表中的每一项都提供了它们对应视频的正确ID并链接到了本页。

在浏览器中运行这个页面的结果如图2:

475407101b8c7b3d3b8ac7d15b23bb7a.png

图2.简单的视频播放器和视频列表

当我打开页面的时候第一个视频开始播放。当我选择右边列表中的某个视频的时候,页面就会重新载入并播放选中的视频。

是不是很简单?一个Flex文件,一个PHP文件再加上后台的一点数据库操作,哇!一个视频分享网站出现了!

接下来我们将在Flex中做一些工作来增强用户体验。

出处:蓝色理想

责任编辑:moby

◎进入论坛RIA设计与应用版块参加讨论

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值