Question

我开发必须播放音乐的网站。但是tomcat没有看到我想听的mp3文件。

以下是 internalAccountTemplate.xhtml

的一部分

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:c="http://java.sun.com/jsp/jstl/core"
    xmlns:p="http://primefaces.org/ui"
    xmlns:ui="http://java.sun.com/jsf/facelets">
<f:view contentType="text/html">
    <h:head>
        <title><ui:insert name="title" /></title>
    </h:head>
    <h:body styleClass="defaultStyle" id="body">
        <audio id="customAudio" preload='none'> 
            <source src='templates/KnifeParty.mp3' type='audio/mpeg' /> 
        </audio>
    </h:body>
</f:view>
</html>

当我按播放按钮时，我收到下一条错误消息
/WEB-INF/templates/KnifeParty.xhtml Not Found in ExternalContext as a Resource

我的文件夹结构：
My folder structure:

我还有 NewFile1.xhtml ，它完美无缺。但是这个文件（NewFile1.xhtml）我在firefox中打开而不是在Tomcat服务器上打开

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Xhtml work</title>
</head>
<body>
    <audio id="yourAudio" preload='none'> <source
        src='templates/KnifeParty.mp3' type='audio/mpeg' /> </audio>
    <a href="#" id="audioControl">play!</a>
    <script type="text/javascript">
        var yourAudio = document.getElementById('yourAudio'), ctrl = document
                .getElementById('audioControl');

        ctrl.onclick = function() {

            // Update the Button
            var pause = ctrl.innerHTML === 'pause!';
            ctrl.innerHTML = pause ? 'play!' : 'pause!';

            // Update the Audio
            var method = pause ? 'pause' : 'play';
            yourAudio[method]();

            // Prevent Default Action
            return false;
        };
    </script>
</body>
</html>

在网络中，我看到了类似的问题（like this），有人说注册了Tomcat服务器上的扩展程序

我写了KnifeParty.mp3文件的不同路径并改变了他的位置，但这没有帮助。

Answer 1

/WEB-INF中的资源无法公开访问。您需要将可公开访问的资源放在/WEB-INF之外。 /WEB-INF只应用于配置文件，模板文件，包含文件，标记文件等，这些文件应该不可以公开访问。

将它移动到/WEB-INF的父文件夹后，就像这样，

WebContent
 |-- META-INF
 |-- WEB-INF
 `-- some.mp3

然后你可以参考如下：

<audio ...> 
    <source src="#{request.contextPath}/some.mp3" type="audio/mpeg" />
</audio>

您也可以将JSF资源管理工具放在JSF专用/resources文件夹（您应该已经拥有JS / CSS /图像文件）中，这样就可以使用它了，

WebContent
 |-- META-INF
 |-- WEB-INF
 `-- resources
      `-- audio
           `-- some.mp3

然后你可以使用EL中的#{resource}地图来引用它，如下所示：

<audio ...>
    <source src="#{resource['audio/some.mp3']}" type="audio/mpeg" />
</audio>

为什么Apache Tomcat没有看到mp3文件？

1 个答案:

另见：