java web 视频开发_Java web video 视频开发

播放器

\flowplayer

e0ea352bb66375ced927a3674498bd9c.png

1.下载Flowplayer播放器,

2.下载安装包解压后可以找到以下几个主要文件:

flowplayer-3.2.11.swf:用于播放器主体的flash文件

flowplayer.controls-3.2.11.swf:控制条文件,是个可选的插件

flowplayer-3.2.10.min.js:播放器的api文件,也用来装载整个播放器

3.在页面调用播放器前引入播放器的api脚本文件flowplayer-3.1.1.min.js,如下:

4.通过一个链接(标签)指向视频文件的链接,并设定视频文件长宽,同时应为它指定一个id。该链接的位置即是视频显示的位置。如下:

5.调用api为上一步设定的链接位置装载播放器,如下:

flowplayer("player","path/to/the/flowplayer-3.1.1.swf");  播放器自身主体

上面代码中第一个参数是上一步中设定的链接id,第二个参数是播放器主体的flash文件路径。使用flowplayer()方法装载播放器时,可以指定非常多的参数来配置或个性化你的播放器。常用的例如:

clip:{

autoPlay:false,//是否自动播放,默认true

//autoBuffering:true//是否自动缓冲视频,默认true

}

});

c0821dcb537ca96565ed05d098937477.png

项目代码:

Insert title here

clip:{

autoPlay:false,//是否自动播放,默认true

//autoBuffering:true//是否自动缓冲视频,默认true

}

});

========================================

视频 改进 1:

String path = request.getContextPath();

String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

%>

My JSP 'index.jsp' starting page

添加用户

更新用户

-----------------------------------------------------

video1.jsp

user_update.jsp

-------------------------------------------------------

----------------------------------------------------------------

package com.guang.action;

import com.opensymphony.xwork2.ActionSupport;

public class UserAction extends ActionSupport {

private static final long serialVersionUID = 1L;

// 提示信息

private String info;

// 添加用户信息

public String add() throws Exception{

info = "movie/flowplayer.flv";

return "add";

}

// 更新用户信息

public String update() throws Exception{

info = "更新用户信息";

return "update";

}

public String getInfo() {

return info;

}

public void setInfo(String info) {

this.info = info;

}

}

-------------------------------------------------------------

pageEncoding="GB18030"%>

/p>

"http://www.w3.org/TR/html4/loose.dtd">

Insert title here

clip:{

autoPlay:true,//是否自动播放,默认true

//autoBuffering:true//是否自动缓冲视频,默认true

}

});

J:\erjie2\WebContent\movie\flowplayer.flv

=================================================================

    5-7.jpg

---------------------------------------------------------

/admin/video2.jsp

/admin/video2.jsp

user_update.jsp

--------------------------------------------------------

---------------------------------------------------------------

package cn.itcast.shop.video.action;

import java.util.List;

import java.util.Map;

import javax.servlet.http.HttpServletRequest;

import org.apache.struts2.ServletActionContext;

import org.springframework.web.context.request.RequestAttributes;

import com.opensymphony.xwork2.ActionContext;

import com.opensymphony.xwork2.ActionSupport;

import com.opensymphony.xwork2.ModelDriven;

import cn.itcast.shop.adminuser.service.AdminUserService;

import cn.itcast.shop.adminuser.vo.AdminUser;

import cn.itcast.shop.category.vo.Category;

import cn.itcast.shop.video.dao.VideoDao;

import cn.itcast.shop.video.service.VideoService;

import cn.itcast.shop.video.vo.Video;

public class VideoAction extends ActionSupport implements ModelDriven{

private static final long serialVersionUID = 1L;

private String info;

public String getInfo() {

return info;

}

public void setInfo(String info) {

this.info = info;

}

private Video video = new Video();

public Video getModel() {

return video;

}

private VideoService videoService;

public void setVideoService(VideoService videoService) {

this.videoService = videoService;

}

public String  execute() throws Exception{

ActionContext context=ActionContext.getContext();

HttpServletRequest request=(HttpServletRequest)context.get(ServletActionContext.HTTP_REQUEST);

info =request.getParameter("info");

List listVideo = videoService.findAllVideoService();

ActionContext.getContext().getValueStack().set("listVideo", listVideo);

System.out.println("info: " + info);

return SUCCESS;

}

// 后台查询所有视频的执行的方法

public String findAll() {

return "findAll";

//  ActionContext context =ActionContext.getContext();

//  info = context.getName();

//       if(info.equals(""))

//      {

//       List listVideo = videoService.findAllVideoService();

//         ActionContext.getContext().getValueStack().set("listVideo", listVideo);

//

//       return "findAll";

//     }

//     else {

//      List listVideo = videoService.findAllVideoService();

//       ActionContext.getContext().getValueStack().set("listVideo", listVideo);

//   }

}

}

--------------------------------------------------------

pageEncoding="UTF-8"%>

Insert title here

clip:{

autoPlay:true,//是否自动播放,默认true

//autoBuffering:true//是否自动缓冲视频,默认true

}

});

-------------------------------------------------

create table video  ( id int  not null primary key  auto_increment ,

name varchar(100)  not null ,

introduce varchar(1000)  not null  ,

type int not null,

url  varchar(1000)  not null

);

insert  into video values( 1 , '星月神话' , '古装爱情剧' ,  1 ,  'movie/1.flv' );

insert  into video values( 2 , '第一次爱的人' , '歌曲散发爱情' ,  1 ,  'movie/2.mp4' );

=========================================================

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值