java ssh上传视频并显示缩略图以及视频在网页中的播放

非原创,整合网上的各个步骤及自己的实施
一.上传视频
使用以下htm标签即可

<form name="uploadForm" method="post" enctype="multipart/form-data" action="xxx"
	<td><input type='file' name='upload' id='upload'></td>
</form>

注意要修改struts.xml中文件最大上传值,不然可能导致浏览器报错
二.上传后保存至本地文件夹
注意,上传的文件对象为File对象,对象名为upload;上传的文件的文件名默认为uploadFileName,是String对象。因此要在动作类中声明:

private File upload ;
private String uploadFileName ;
public File getUpload() {
		return upload;
	}
	public void setUpload(File upload) {
		this.upload = upload;
	}
	public String getUploadFileName() {
		return uploadFileName;
	}
	public void setUploadFileName(String uploadFileName) {
		this.uploadFileName = uploadFileName;
	}

用以在动作方法中接收上传上来的这两个对象。
再使用FileUtils类的copyFile方法就可以将上传来的upload文件拷贝到指定的路径下:

 //file是文件夹路径,uploadFileName是文件名,格式为xxx.jpg/xxx.png等
 FileUtils.copyFile(upload, new File(file,uploadFileName));

注意,如果将上传的文件保存在项目内的文件夹,tomcat重启后该文件夹是会被清空的。
三.制作视频的缩略图并在网页中显示
制作缩略图:使用ffmpeg这款软件,自定义一个转换函数,参数分别为ffmpeg启动程序的路径,要截屏的视频文件的路径,以及截取后的图片的存放路径,都要求是完整路径。具体参数如下:

package ffmpegtest;
import java.util.ArrayList;
import java.util.List;
public class test {
	public static void handler(String ffmpegPath,String upFilePath,String mediaPicPath) {
		List<String> cutpic = new ArrayList<>(); 
		cutpic.add(ffmpegPath);// 视频提取工具的位置 
		cutpic.add("-i"); // 添加参数"-i",该参数指定要转换的文件 
		cutpic.add(upFilePath); // 视频文件路径 
		cutpic.add("-y"); 
		cutpic.add("-f"); 
		cutpic.add("image2"); 
		cutpic.add("-ss"); // 添加参数"-ss",该参数指定截取的起始时间 
		cutpic.add("1"); // 添加起始时间为第1秒 
		cutpic.add("-t"); // 添加参数"-t",该参数指定持续时间 
		cutpic.add("0.001"); // 添加持续时间为1毫秒 
		cutpic.add("-s"); // 添加参数"-s",该参数指定截取的图片大小 
		cutpic.add("800*600"); // 添加截取的图片大小为800*600 
		cutpic.add(mediaPicPath); // 添加截取的图片的保存路径
		
		boolean mark = true;  
		
		//该类启动应用程序
        ProcessBuilder builder = new ProcessBuilder();  
        try {  

            builder.command(cutpic);  
            builder.redirectErrorStream(true);  
            // 如果此属性为 true,则任何由通过此对象的 start() 方法启动的后续子进程生成的错误输出都将与标准输出合并,  
            //因此两者均可使用 Process.getInputStream() 方法读取。这使得关联错误消息和相应的输出变得更容易  
            builder.start();  
        } catch (Exception e) {  
            mark = false;  
            System.out.println(e);  
            e.printStackTrace();  
        }  
	}
	public static void main(String[] args) {
		handler("/usr/local/Cellar/ffmpeg/4.1_1/bin/ffmpeg","/usr/local/Cellar/tomcat@7/7.0.92/libexec/wtpwebapps/mov/1.mp4","/file/test.jpg"); 
		System.out.println("yes!");
	}	
}

四.在网页中在线播放视频
1.获取本地视屏资源
上述步骤中将视频保存到了本地,建议数据库中有字段存放视频的名称,方便在网页中播放本地的视频。
一般而言,出于安全性考虑,浏览器不会允许从地址栏直接读取本地的资源。因此,可以利用tomcat的server.xml配置本地映射:
在这里插入图片描述

  <Context docBase="/usr/local/Cellar/tomcat@7/7.0.92/libexec/wtpwebapps/mov" path="/mov"/>

docBase是视频的本地文件夹路径,path是地址栏的访问路径,即通过/mov/xxx.mp4就可以访问到本地的视频。因此建议数据库中存放视频文件名,这样就很方便的通过/mov/文件名来访问到资源
2.在线播放
这里使用一个js插件就可以很好的完成在线播放
插件地址:http://www.jq22.com/jquery-info404
网页中引入该js文件,然后使用

 <video id="my-video" class="video-js" controls preload="auto" width="960" height="400"
		  poster="/movpre/缩略图名称" data-setup="{}">
        <source src="/mov/视频名称" type="video/mp4">
      </video>

即可在线播放视频

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值