文档，影音的的在线浏览

实现文档，音频视频在线浏览
1.后台写法

@RequestMapping(value="onLineBrowseOfficeDoc")
    public ModelAndView onLineBrowseOfficeDoc(@Context HttpServletRequest request, 
                    @Context HttpServletResponse response)
    {
        ModelAndView mv = new ModelAndView();
        PageData pd = this.getPageData();

        try 
        {
            String requestUrl = request.getRequestURL().toString();
            String contentName = request.getContextPath();
            int contentNameIndex = requestUrl.indexOf(contentName);
            String serverPath = requestUrl.substring(0, contentNameIndex + 1);

            PageData pdd = dataResourcesFacade.findById(pd);
            String reletivePath = pdd.getString("RI_URL").replace("1_ADMIN", "1_admin");

            String root = getContextRealPath();             //获取工程根路径
            String filePath = root + reletivePath;

            File file = new File(filePath);
            boolean isExists = file.exists();               //文件不存在，返回null
            if(!isExists){
                mv.setViewName("system/noExist");
                mv.addObject("pd", pd);
                return mv;
            }

            int index = filePath.lastIndexOf(".");
            String fileExt = filePath.substring(index + 1);

            String tempContentName = contentName.substring(1);
            String returnPath = serverPath + tempContentName + "/" + reletivePath;
            int convertResult = -1;
            if(fileExt != null && !fileExt.equals("") && fileExt.equalsIgnoreCase("pdf"))
            {
                returnPath = returnPath.replaceAll("\\\\", "/");

                pd.put("pdfsrc", returnPath);
                mv.setViewName("meeting/PdfViewer");
                mv.addObject("pd", pd);
                return mv; 
            }
            else if(fileExt.equalsIgnoreCase("doc") 
                        || fileExt.equalsIgnoreCase("docx")
                        || fileExt.equalsIgnoreCase("xls")
                        || fileExt.equalsIgnoreCase("xlsx")
                        || fileExt.equalsIgnoreCase("ppt")
                        || fileExt.equalsIgnoreCase("pptx"))
            {
                filePath = filePath.replaceAll("\\\\", "/");
                index = filePath.lastIndexOf("/");

                File returnFolder = new File(filePath.substring(0, index));
                if(!returnFolder.exists())
                    returnFolder.mkdirs();
                returnPath = filePath.substring(0, filePath.lastIndexOf(".")) + ".pdf";


                File file2 = new File(returnPath);
                boolean isExists2 = file2.exists();             //文件不存在则进行转换
                if(!isExists2){
                    convertResult = office2PDF(filePath, returnPath);
                }else{
                    convertResult=0;
                }
            }
            else if (fileExt.equalsIgnoreCase("mp4")
                    || fileExt.equalsIgnoreCase("avi")
                    || fileExt.equalsIgnoreCase("mp3")
                    || fileExt.equalsIgnoreCase("aac")
                    || fileExt.equalsIgnoreCase("wav")
                    || fileExt.equalsIgnoreCase("ogg")) 
            {
                returnPath = returnPath.replaceAll("\\\\", "/");

                pd.put("pdfsrc", returnPath);
                pd.put("suffixName",fileExt);
                mv.setViewName("meeting/fileViewVideo");
            /*  mv.setViewName("meeting/VideoViewer");*/
                mv.addObject("pd", pd);
                return mv;
            } 
/*            else if (fileExt.equalsIgnoreCase("avi")
                    || fileExt.equalsIgnoreCase("wmv")
                    || fileExt.equalsIgnoreCase("3gp")
                    || fileExt.equalsIgnoreCase("mpg")
                    || fileExt.equalsIgnoreCase("flv")
                    || fileExt.equalsIgnoreCase("mov")) 
            {
                returnPath = returnPath.replaceAll("\\\\", "/");

                pd.put("pdfsrc", returnPath);
                mv.setViewName("meeting/VideoViewer");
                mv.setViewName("meeting/fileViewVideo");
                mv.addObject("pd", pd);
                return mv;
//              filePath = filePath.replaceAll("\\\\", "/");
//              index = filePath.lastIndexOf("/");
//
//              File returnFolder = new File(filePath.substring(0, index));
//              if (!returnFolder.exists())
//                  returnFolder.mkdirs();
//              returnPath = filePath.substring(0, filePath.lastIndexOf("."))
//                      + ".mp4";
//
//              File file2 = new File(returnPath);
//              boolean isExists2 = file2.exists(); // 文件不存在则进行转换
//              if (!isExists2) {
//                  convertResult = Video2MP4(filePath, returnPath);
//              } else {
//                  convertResult = 0;
//              }
//              pd.put("pdfsrc", returnPath);
//              mv.setViewName("meeting/PdfViewer");
//              mv.addObject("pd", pd);
//              return mv; 
            }*/ else
                return null;
            if(convertResult == 0)
            {
                returnPath = serverPath + returnPath.substring(returnPath.indexOf(contentName) + 1);
                //returnPath="http://127.0.0.1:8080/DIIT-Web-OneMap/uploadFiles/1_admin/Document/123.pdf";
                //pd.put("pdfsrc",  URLEncoder.encode(returnPath,"utf-8"));
                pd.put("pdfsrc",  returnPath);
                mv.setViewName("meeting/PdfViewer");
                mv.addObject("pd", pd);
                return mv;
            }
        }
        catch (Exception e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
        }

        return null;
    }

2文档类前端写法

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> 
<%@ page isELIgnored="false" %> 
<!DOCTYPE HTML>
<html>
  <head>
    <base href="<%=basePath%>">

    <title>pdf在线浏览</title>

    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">    
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="This is my page">
    <link rel="icon" type="image/png" href="static/assets/images/sign_Logo.png">


    <script type="text/javascript" src="static/js/jquery-1.9.1.min.js"></script>

    <script type="text/javascript" src="static/js/pdfobject.js"></script>

    <style>
        html,body,.pdfobject-container{
            height:100%;
            width:100%;
            margin:0px;
            padding:0px;
        }
    </style>

  </head>

  <body>

    <div id="pdfDiv"></div>

    <script>
//      $(".pdfobject-container").height($(document).height());
        var src = "${pd.pdfsrc}";
        PDFObject.embed(src, "#pdfDiv");
    </script>

  </body>
</html>

3.在线音视频浏览

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="sql" uri="http://java.sun.com/jsp/jstl/sql" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %> 
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML>
<html lang="zh-CN">
<head>
 <link href="<%=basePath%>static/js/video/css/video-js.css" rel="stylesheet">       
    <style>
         #container,#table{      
            position: fixed;
            top: 0px;
            left: 0px;
            right: 0px;
            bottom: 0px;
            margin: auto;
            display:none;
    }

    </style>
<script type="text/javascript" src="<%=basePath%>static/js/jwplayer-7.2.2/jwplayer.js"></script>
<script type="text/javascript" src="<%=basePath%>static/js/jwplayer-7.2.2/provider.shaka.js"></script>
<script type="text/javascript">jwplayer.key="W+FSSIJICMeqqi4MQCwmdLePq9iq8HQqiVT5dQ==";</script>
<script>
$(function() { 
var suffixName='${pd.suffixName}';
alert(suffixName);

});
function userJWPlayer(){
 jwplayer ( "container" ). setup ({

           flashplayer : "<%=basePath%>static/js/jwplayer-7.2.2/jwplayer.flash.swf" ,

           file : "<%=basePath%>uploadFiles/1_admin/AudioVisual/test.mp4" ,

           height : 600,

           width : 800

      });

}
</script>
</head>
<body bgcolor=aquamarine>
 <div id = "container">Loading the player ...</div>
   <table width=100% height=100% id="table">
        <tr>

            <td align="center" valign="middle"><object id="video1"
                    classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" width="800"
                    height="500" type="application/x-mplayer2" border="0">

                    <param name="ShowDisplay" value="0">
                    <param name="ShowControls" value="1">
                    <param name="AutoStart" value="-1">
                    <param name="AutoRewind" value="0">
                    <param name="PlayCount" value="1">
                    <param name="Appearance value=" 0 value=""">
                    <param name="BorderStyle value=" 0 value=""">
                    <param name="MovieWindowHeight" value="500">
                    <param name="MovieWindowWidth" value="800">
                    <embed width="900" height="600" border="0" showdisplay="0"
                        showcontrols="1" playcount="0"
                        src="<%=basePath%>uploadFiles/1_admin/AudioVisual/Chains.aac">

                    </embed>
                </object></td>
        </tr>
    </table> 
</body>

</html>