Question

视频无法使用绝对路径＆amp ;;从Tomcat 7服务器播放文件的相对路径：

编辑摘要：改变了相对路径的示例，我将视频放在应用程序Root-Folder中（仍然无法解决视频错误）。

我们正在构建一个用于本地使用的视频观看的小应用程序。由于HTML-5为视频观看提供了巨大的支持，我们选择使用简单的Servlet / JSP编写程序，将其部署在 Tomcat 7 Web服务器上。

应用程序逻辑如下：

根路径（绝对路径）设置为我在tomcat中的应用程序的根文件夹。
根目录下的所有文件和目录都显示为“go”按钮。
如果通过单击“开始”选择文件夹中的视频文件，则会显示视频查看页面。
使用Expression langauge（EL）将视频文件的相对内容提供给视频页面到视频标记源。
视频应该从localhost的硬盘播放到所有浏览器端点。

我面临的问题是我的视频不是从tomcat服务器播放，而是在复制并粘贴到文件上时，浏览器上的html渲染的“源”代码视频工作正常。如何使它从tomcat服务器工作？

编辑后：我修改了我的应用程序以调整tomcat myapp的根文件夹中的相对路径，但它仍无法正常工作。以下是编辑过的问题。

我的应用的屏幕短片是：

第一阶段：点击链接

Stage One

第二阶段：选择要浏览的视频或文件夹

Stage Two

第三阶段：播放视频 （这里我收到错误） Stage Three

服务器在浏览器上呈现以下HTML（从视图源复制）：

<!doctype html>

<html>

<head>
<title>Cluster Video App</title>
<script type="text/javascript">

</script>
</head>

<body>
    <h1>Enjoy the Video</h1>

    <video controls autoplay width="512" height="288">
        <source src="G:\\To-See\\Ravi_sir_joke.m4v"> </source>
    </video>
</body>
</html>

当将相同的源复制并粘贴到计算机中任何位置的示例html页面时，视频工作正常。下图证明了这一点。

Expected Output

编辑后：服务器呈现包含视频的正确相对路径。该视频尚未正常运行。

<!doctype html>

<html>

<head>
<title>Cluster Video App</title>
<script type="text/javascript">

</script>
</head>

<body>
    <h1>Enjoy the Video</h1>

    <video controls autoplay width="512" height="288">
        <source src="../ROOT-VIDEO/Ravi_sir_joke.m4v" > </source>
    </video>
</body>
</html>

视频出现在我的应用程序的根目录中：

Tomcat root-video root

我已在此页面粘贴已编辑的程序以供参考。请更正我并帮我清除视频错误。

程序

包结构：

Package Structure

Web.xml中

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xmlns="http://java.sun.com/xml/ns/javaee" 
        xmlns:web="http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"
    xsi:schemaLocation="http://java.sun.com/xml/ns/javaee 
    http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"
    id="WebApp_ID" version="2.5">

    <!-- Welcome page -->
    <!-- <welcome-file-list>
        <welcome-file>/welcome.do</welcome-file>
    </welcome-file-list> -->

    <!-- JSF mapping -->
    <servlet>
        <servlet-name>Controller</servlet-name>
        <servlet-class>com.cluster.vapp.controller.ControllerServlet</servlet-class>
        <load-on-startup>1</load-on-startup>
    </servlet>

    <!-- Map these files with JSF -->
    <servlet-mapping>
        <servlet-name>Controller</servlet-name>
        <url-pattern>*.do</url-pattern>
    </servlet-mapping>


</web-app>

控制器Servlet：

   package com.cluster.vapp.controller;

import java.io.IOException;
import java.util.List;

import javax.servlet.RequestDispatcher;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import com.cluster.vapp.fileutils.FileUtil;
import com.cluster.vapp.fileutils.SearchResult;
import com.cluster.vapp.service.VappService;
import com.cluster.vapp.service.VappServiceImpl;

public class ControllerServlet extends HttpServlet {

    private static final long serialVersionUID = 1L;

    private VappService service;

    public void init() throws ServletException {

        service = new VappServiceImpl();
    }

    protected void service(HttpServletRequest request,
            HttpServletResponse response) throws ServletException, IOException {

        response.setContentType("text/html");

        // HttpSession session = request.getSession();
        String strServletPath = request.getServletPath();

        // debug
        System.out.println(strServletPath);
        // end of debug
        int intServletpath = 0;

        if (strServletPath.equalsIgnoreCase("/welcome.do")) {

            intServletpath = 1;

        }

        if (strServletPath.equalsIgnoreCase("/verify.do")) {

            intServletpath = 2;

        }

        if (strServletPath.equalsIgnoreCase("/searchRoot.do")) {

            intServletpath = 3;

        }

        switch (intServletpath) {

        case 1: {// welcome.do

            RequestDispatcher requestDispatcher = request
                    .getRequestDispatcher("./JSP/welcome.jsp");
            requestDispatcher.forward(request, response);

            break;
        }

        case 2: { // verify.do

            if (service.isVideoFile(request.getParameter("path_name"))) {

                String strVideoPath = service.findRelative(request
                        .getParameter("path_name"));
                request.setAttribute("VIDEO_PATH", FileUtil.adjustPathName(strVideoPath));
                RequestDispatcher requestDispatcher = request
                        .getRequestDispatcher("./JSP/video.jsp");
                requestDispatcher.forward(request, response);
            }

            else {

                List<SearchResult> listSearchResults = service
                        .searchDirectory(request.getParameter("path_name"));
                request.setAttribute("LIST_SEARCH_RESULT", listSearchResults);
                RequestDispatcher requestDispatcher = request
                        .getRequestDispatcher("./JSP/search.jsp");
                requestDispatcher.forward(request, response);
            }

            break;
        }

        case 3: {// searchRoot.do

            List<SearchResult> listSearchResults = service
                    .searchRootDirectory();
            request.setAttribute("LIST_SEARCH_RESULT", listSearchResults);

            RequestDispatcher requestDispatcher = request
                    .getRequestDispatcher("./JSP/search.jsp");
            requestDispatcher.forward(request, response);
            break;
        }

        }
    }
}

VappServiceImpl.java

package com.cluster.vapp.service;

import java.io.File;
import java.util.ArrayList;
import java.util.List;

import com.cluster.vapp.fileutils.FileUtil;
import com.cluster.vapp.fileutils.SearchResult;

public class VappServiceImpl implements VappService{

    public static final String ROOT_PATH = "F:\\apache-tomcat-7.0.33\\webapps\\balaji\\ROOT-VIDEO";
    public static final String BASE_PATH = "F:\\apache-tomcat-7.0.33\\webapps\\balaji";

    public List<SearchResult> searchRootDirectory() {

        List<String> listDirectoryNames = FileUtil.fetchFileNames(ROOT_PATH);

        List<SearchResult> listSearchResults = new ArrayList<SearchResult>();

        for (String dirName : listDirectoryNames) {
            SearchResult result = new SearchResult();
            result.setStrName(dirName);
            result.setStrPath(ROOT_PATH + "\\" + dirName);
            listSearchResults.add(result);
        }

        return listSearchResults;
    }

    public boolean isVideoFile(String pStrPath) {

        File file = new File(pStrPath);

        // System.out.println("Is file There: " + file.exists());

        if (file.isFile())
            return true;
        else
            return false;
    }

    public List<SearchResult> searchDirectory(String pStrPath) {

        List<String> listDirectoryNames = FileUtil.fetchFileNames(pStrPath);

        List<SearchResult> listSearchResults = new ArrayList<SearchResult>();

        for (String dirName : listDirectoryNames) {
            SearchResult result = new SearchResult();
            result.setStrName(dirName);
            result.setStrPath(pStrPath + "\\" + dirName);
            listSearchResults.add(result);
        }

        return listSearchResults;
    }

    public String findRelative(String pStrVideoPath){

        return FileUtil.findRelativePath(BASE_PATH, pStrVideoPath);
    }

}

FileUtil.java

package com.cluster.vapp.fileutils;

import java.io.File;
import java.util.ArrayList;
import java.util.List;

import com.cluster.vapp.fileutils.exceptions.InvalidAbsolutePathException;
import com.cluster.vapp.fileutils.exceptions.InvalidDirectoryNameException;

/**
 * @author Balaji.K.R
 * 
 * @version 1.0
 * 
 *          The class Contains methods for various file operations. All methods
 *          present will accept only absolute string path of the source and
 *          destination file structure.
 * 
 */
public class FileUtil {

    /**
     * The Method returns the names of the files as a list, in the path given.
     * 
     * Note: The path name should be a absolute path, and should be a existing
     * directory. Any violation will lead to corresponding run-time exception.
     * 
     * 
     * @param pStrDirectory
     *            Location of the directory where it needs to be searched.
     * @return List of file names as string existing in the directory.
     */
    public static List<String> fetchFileNames(String pStrDirectory) {
        List<String> listFileNames = new ArrayList<String>();

        File directory = new File(pStrDirectory);

        if (directory.isAbsolute() == false) {
            throw new InvalidAbsolutePathException(
                    "Directory Path is not Absolute");
        }

        if ((directory.exists() && directory.isDirectory()) == false) {
            throw new InvalidDirectoryNameException();
        }

        String[] strFileNames = directory.list();

        for (String name : strFileNames) {

            listFileNames.add(name);
        }

        return listFileNames;
    }

    public static String adjustPathName(String pStrPath) {

        StringBuilder sb = new StringBuilder(pStrPath);
        sb.insert(0, "../");

        return sb.toString();

    }

    public static String findRelativePath(String pStrBasePath,
            String pStrAbsolutePath) {

        return new File(pStrBasePath).toURI()
                .relativize(new File(pStrAbsolutePath).toURI()).getPath();

    }

}

的welcome.jsp

<!DOCTYPE html>

<html>

<head>
<title>Cluster Video App</title>
</head>

<body>
    <h1>Cluster Video Application</h1>
    <br></br>
    <br></br>
    <br></br>
    <br></br>
    <h1><a href="./searchRoot.do">Browse Videos</a></h1>

    </form>
</body>
</html>

search.jsp的

<!DOCTYPE html>

<%@page isELIgnored="false"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="jstl"%>

<html>

<head>
<title>Cluster Video App</title>
<script type="text/javascript"> function submitForm(form){form.submit();} </script>
<style type="text/css"> div.label{font-size: 30px; color: blue; margin: 10px;} </style>
</head>

<body>
    <h1>Click to proceed...</h1>

    <jstl:forEach var="result"
                items="${requestScope.LIST_SEARCH_RESULT}">

    <form action="./verify.do" method="post">
        <div class="label">
            ${result.strName} <input type="button" value="Go" onclick="submitForm(this.form);"/>
            <input type="hidden" name="path_name" value="${result.strPath}">
        </div>
    </form>


    </jstl:forEach>
</body>
</html>

video.jsp

<!doctype html>

<html>

<head>
<title>Cluster Video App</title>
<script type="text/javascript">

</script>
</head>

<body>
    <h1>Enjoy the Video</h1>

    <video controls autoplay width="512" height="288">
        <source src="${requestScope.VIDEO_PATH}"> </source>
    </video>
</body>
</html>

Answer 1

这是出于安全原因。从某些服务器加载的页面无法从本地驱动器加载文件。将视频复制到src / main / webapp / video.m4v。将JSP更改为：

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!doctype html>

<html>

<head>
<title>Cluster Video App</title>
<script type="text/javascript">

</script>
</head>

<body>
    <h1>Enjoy the Video</h1>

    <video controls autoplay width="512" height="288">
        <source src="<c:url value="/video.m4v" />"> </source>
    </video>
</body>
</html>

Answer 2

将文件夹放在 WebContent 文件夹或 webapps 文件夹中，然后提供路径的 ./的folder1 / file.mp4 如果没有 WebContent ，那么使用eclipse创建一个新的项目设置， DynamicWebProject 将游览文件粘贴到其中。

我也遇到了这个问题，但现在它的 [已解决] 我正在使用 tomcat 8和java 7

Answer 3

查看video.js怎么样？真的行。我测试了Apache-Tomcat 8.5。

首先，包括这两行

<link href="//vjs.zencdn.net/5.11/video-js.min.css" rel="stylesheet">
<script src="//vjs.zencdn.net/5.11/video.min.js"></script>

并使用像这样的视频标签。

<video
    id="my-player"
    class="video-js"
    controls
    preload="auto"
    poster="//vjs.zencdn.net/v/oceans.png"
    data-setup='{}'>
  <source src="//vjs.zencdn.net/v/oceans.mp4#t=5,10" type="video/mp4"></source>
  <source src="//vjs.zencdn.net/v/oceans.webm" type="video/webm"></source>
  <source src="//vjs.zencdn.net/v/oceans.ogv" type="video/ogg"></source>
  <p class="vjs-no-js">
    To view this video please enable JavaScript, and consider upgrading to a
    web browser that
    <a href="http://videojs.com/html5-video-support/" target="_blank">
      supports HTML5 video
    </a>
  </p>
</video>

HTML 5视频标记无法在Tomcat中运行（已编辑）

3 个答案: