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 menu

functiongetPath() {

$.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(""); } }) }
经验分享 程序员 微信小程序 职场和发展