java在线播放_Java实现视频在线播放flv视频
1、首先使用Idea创建一个Spring Boot项目。
2、在application.properties文件下加入以下代码,进行DEBUG日志输出,配置pom.xml文件:
#logging日志配置
logging.level.root=WARN
logging.level.org.springframework.web=DEBUG
4.0.0
com.example
demo
0.0.1-SNAPSHOT
jar
demo
Demo project for Spring Boot
org.springframework.boot
spring-boot-starter-parent
2.0.2.RELEASE
UTF-8
UTF-8
1.8
org.springframework.boot
spring-boot-starter-web
org.springframework.boot
spring-boot-starter-test
test
com.alibaba
fastjson
1.2.31
org.springframework.boot
spring-boot-maven-plugin
3、在resources/static文件夹下加入jquery-3.3.1.min.js和flvplayer.swf文件,当项目启动后,可以直接访问static文件下文件,例如http://localhost:8080/jquery-3.3.1.min.js可直接访问jquery文件。flvplayer.swf是播放flv格式视频的插件,在这先不详细介绍。
4、创建一个视频目录html页面:
因为项目采用前后端分离方案,不经过spring mvc转换访问页面,有兴趣的了解spring mvc的请看https://www.yiibai.com/spring_mvc/。
在
标签内加onload表示当页面加载时会自动调用js方法。getPath()方法请求向后台获取所有的视频目录,ajax是异步请求,可将获取的数据添加到已有的html页面中,$("#view")为div的id,
append() - 在被选元素的结尾插入内容
prepend() - 在被选元素的开头插入内容
after() - 在被选元素之后插入内容
before() - 在被选元素之前插入内容
video menufunctiongetPath() {
$.ajax({
url:"http://localhost:8080/VideoPath",
type:"get",
success:function(path) {
$("#view").append("
$("#view").append("
");}
$("#view").append("
");}
})
}
1、首先使用Idea创建一个Spring Boot项目。 2、在application.properties文件下加入以下代码,进行DEBUG日志输出,配置pom.xml文件: #logging日志配置 logging.level.root=WARN logging.level.org.springframework.web=DEBUG 4.0.0 com.example demo 0.0.1-SNAPSHOT jar demo Demo project for Spring Boot org.springframework.boot spring-boot-starter-parent 2.0.2.RELEASE UTF-8 UTF-8 1.8 org.springframework.boot spring-boot-starter-web org.springframework.boot spring-boot-starter-test test com.alibaba fastjson 1.2.31 org.springframework.boot spring-boot-maven-plugin 3、在resources/static文件夹下加入jquery-3.3.1.min.js和flvplayer.swf文件,当项目启动后,可以直接访问static文件下文件,例如http://localhost:8080/jquery-3.3.1.min.js可直接访问jquery文件。flvplayer.swf是播放flv格式视频的插件,在这先不详细介绍。 4、创建一个视频目录html页面: 因为项目采用前后端分离方案,不经过spring mvc转换访问页面,有兴趣的了解spring mvc的请看https://www.yiibai.com/spring_mvc/。 在标签内加onload表示当页面加载时会自动调用js方法。 getPath()方法请求向后台获取所有的视频目录,ajax是异步请求,可将获取的数据添加到已有的html页面中,$("#view")为div的id, append() - 在被选元素的结尾插入内容 prepend() - 在被选元素的开头插入内容 after() - 在被选元素之后插入内容 before() - 在被选元素之前插入内容video menu functiongetPath() { $.ajax({ url:"http://localhost:8080/VideoPath", type:"get", success:function(path) { $("#view").append(" $("#view").append(" "); } $("#view").append(""); } }) }