论是个人或企业，甚至是政府部门，能够在浏览器中直接打开浏览Office等格式文档，也是一个普遍的需求和应用场景。对于企业来说，在线文件文档预览在OA办公系统、在线学习系统及招聘网站等广泛的应用。对于我来说，曾经先后用过微软的office web apps和office online server及永中office，这些商业产品各有优缺点，选择使用哪一款产品需要根据具体的业务需求和场景去选型一个最合适的。本文介绍一款国产开源免费的在线文件文档预览的kkFileView，对标国内‬付费产品有永中office、office365、idocv等，总体来说开源产品会比商业产品功能要弱一些，但最大的优势开源免费，可以满足绝大多数的应用场景。

那什么是kkFileView呢？kkFileView为文件文档在线预览解决方案，该项目使用流行的spring boot搭建，易上手和部署，基本支持主流办公文档的在线预览，如doc、docx、xls、xlsx、ppt、pptx、pdf、txt、zip、rar、图片、视频、音频等。目前kkFileView在世界上最大的代码托管平台github的star为6.4k，说明还是很热门流行的。

kkFileView的特性如下：

1.支持word excel ppt，pdf等办公文档

2.支持txt,java,php,py,md,js,css等所有纯文本

3.支持zip,rar,jar,tar,gzip等压缩包

4.支持jpg，jpeg，png，gif等图片预览（翻转，缩放，镜像）

5.支持mp3，mp4，flv等多媒体文件预览

6.使用spring boot开发，预览服务搭建部署非常简便

7.rest接口提供服务，跨平台特性(java,php,python,go,php，....)都支持，应用接入简单 方便

8.支持普通http/https文件下载url、http/https文件下载流url、ftp下载url等多种预览源

9.提供zip，tar.gz发行包，提供一键启动脚本和丰富的配置项，方便部署使用

10.提供Docker镜像发行包，方便在容器环境部署

11.抽象预览服务接口，方便二次开发，非常方便添加其他类型文件预览支持

12.最最重要Apache协议开源，代码pull下来想干嘛就干嘛

kkFileView于2008年1月2日发布了首个V0.0.2发行版本，并于2021年7月6日发布了V4.0.0版本。对于Office文件文档的在线预览，kkFileView的底层是基于开源openoffice或libreoffice上构建的。先给大家简单介绍一下kkFileView V4.0.0的主要功能改进，基于LibreOffice7.1底层，兼容性更强，预览效果更好，具体如下：

1.底层集成OpenOffice替换为LibreOffice，Office文件兼容性增强，预览效果提升

2.修复压缩文件目录的穿越漏洞

3.修复PPT预览使用PDF模式无效

4.修复PPT图片预览模式前端显示异常

5.新增功能：首页文件上传功能可通过配置实时开启或禁用

6.优化增加Office进程关闭日志

7.优化Windows环境下，查找Office组件逻辑(内置的LibreOffice优先)

8.优化启动Office进程改同步执行

kkFileView官网地址：https://kkfileview.keking.cn/zh-cn/index.html，如下图：

kkFileView在线预览测试地址：https://file.keking.cn/index，如下图：

kkFileView安装包下载地址：https://github.com/kekingcn/kkFileView/releases，需要特别注意的一点需要事先安装JDK 1.8，否则无法运行，如下图：

下面详细来介绍一下以我本机电脑windows 7安装kkFileView V4.0.0为例，下载并解压kkFileView-4.0.0.zip，如下图：

启动运行成功后，可以进行本地测试在线文件预览：http://127.0.0.1:8012/index，如下图：

下面分别测试了word、excel、powerpoint等三类格式office文档，对于office文档需要转换成JPG图片或PDF文件，用户实际在线预览并非原始文件，而是转换后的JPG图片或PDF文件，简单做了一下测试对于容量较大的Word文档（50M左右）转换JPG失败，同时对于PPT或PPTX文档无法打开转换后PDF，其他都正常。不过目前官方也在不断更新发行版，对于目前的一些BUG也进行修复，对于最新4.1.X发行版本，我还没测试验证，V4.0.0版本具体体效果如下:

这样就可以使用kkFileView了，是一款可替代的商业收费‬在线文件文档预览的开源免费套件。

如果您喜欢这篇文章，请关注我，收藏、点赞、评论和转发，会让更多需要帮助的人看到这篇文章。举手之劳，善莫大焉！

文经过少数派授权转载

很对人对于软件都有一种「收藏」的习惯，觉得这可能是一个工具就把它购买或下载放在那里，新鲜了两天就搁置在那儿，终究成了橱柜上的一个布满灰尘的摆设。其实很多时候我们可以换个思路，如果这个工具是在网页上，用的时候再打开，不用的时候就关闭，既不占用你电脑空间，也不受限于设备的系统，或许还能帮你省下不少的钱，今天少数派就为大家介绍一些实用而且有趣的网页工具。

少数派之前也介绍过不少实用的网站，长按二维码关注少数派（ID：sspaime），在后台回复「Windows」GET 到更多。

▍检测网速：Internet Speed Test

一个良好的网速大概会有 80% 的概率提高我们的生产力和执行力，糟糕的网速大概会有 99% 的概率影响我们的情绪。所以经常会有一些朋友频繁的测量网速，有的选择下载一款软件进行测量，有的随便找一个网站就将就了。而 FAST 和 SPEEDTEST 是两家「优雅」的测速站点，只点击一下 ► 按钮再稍等片刻，你的网速测试结果就会呈现在你的面前，无污染、零广告、完全免费。

关注少数派，在后台回复「9」即可获得链接。

介

背景

由于项目需要，需要使用摄像头预览功能，设备型号为海康威视。目前已存在的基于 FFmpeg 的方案延迟都太高，所以项目最终选择基于此方案。

方案

方案选用为基于 WebRTC 的视频即时通讯，它原生支持对 RTP 协议的解码，所以能够做到延迟很低，大概0.2-0.4秒左右，其他方案都有大于1秒的延迟。
WebRTC对浏览器有要求，可以在下面的地址中查看支持的浏览器。
https://caniuse.com/rtcpeerconnection

​

以下介绍内容来自百度百科

WebRTC，名称源自网页即时通信（英语：Web Real-Time Communication）的缩写，是一个支持网页浏览器进行实时语音对话或视频对话的API。它于2011年6月1日开源并在Google、Mozilla、Opera支持下被纳入万维网联盟的W3C推荐标准。

WebRTC实现了基于网页的视频会议，标准是WHATWG 协议，目的是通过浏览器提供简单的javascript就可以达到实时通讯（Real-Time Communications (RTC)）能力。

WebRTC 的实现方案在 Github 有非常多，经过一序列对比和测试，最终选择的是使用 webrtc-streamer 这个项目，其容易使用并且较为稳定。

Getting Started

webrtc-streamer 不仅支持对 RTSP 流的捕获而且还支持对V4L2以及屏幕窗口快照的捕获。

webrtc-streamer 内置了一个小型的 HTTP server 来对 webrtc 需要的相关接口提供支持。
下面具体开始如何设置：

对摄像头进行配置

由于 webrtc 的核心库还不支持 h265, 所以需要设置为 h264 编码。
登录到海康威视摄像头的后台配置中心，在 “视音频” 菜单下进行设置，然后保存。

​

下载最新包

在github 发布页面根据需要的平台选择相应的包下载
https://github.com/mpromonet/webrtc-streamer/releases

下载完成后可以使用以下命令进行测试：

./webrtc-streamer rtsp://wowzaec2demo.streamlock.net/vod/mp4:BigBuckBunny_115k.mov

打开 localhost:8000 已访问页面

相关学习资料推荐，点击下方链接免费报名，先码住不迷路~】

音视频免费学习地址：FFmpeg/WebRTC/RTMP/NDK/Android音视频流媒体高级开发

【免费分享】音视频学习资料包、大厂面试题、技术视频和学习路线图，资料包括（C/C++，Linux，FFmpeg webRTC rtmp hls rtsp ffplay srs 等等）有需要的可以点击788280672加群免费领取~

测试设备

如果没有问题，就可以使用本地的设备进行测试了，海康威视视频流默认地址为：

rtsp://账号:密码@IP地址:554/Streaming/Channels/101

替换相应的信息以进行测试。
如果是在 windows 下，webrtc-streamer 也会抓取到窗口和屏幕的快照页面，可以使用 -q 参数进行过滤，其支持正则表达式。这个参数没有在 help 列表里面列出来是我查看源码发现的。

./webrtc-streamer  rtsp://账号:密码@IP地址:554/Streaming/Channels/101 -q (?=rtsp).*

集成

你可以在下载的发布包中的html文件夹中找到 index.html 来查看示例代码，下面列出来核心代码：

<html>
<head>
<script src="libs/adapter.min.js" ></script>
<script src="webrtcstreamer.js" ></script>
<script>        
    var webRtcServer      = null;
    window.onload         = function() { 
        webRtcServer      = new WebRtcStreamer("video",location.protocol+"//"+window.location.hostname+":8000");
    webRtcServer.connect("rtsp://wowzaec2demo.streamlock.net/vod/mp4:BigBuckBunny_115k.mov");
    }
    window.onbeforeunload = function() { webRtcServer.disconnect(); }
</script>
</head>
<body> 
    <video id="video" />
</body>
</html>

使用 WebComponent 集成

<html>
<head>
    <script type="module" src="webrtc-streamer-element.js"></script>
</head>
<body>
   <webrtc-streamer url="rtsp://wowzaec2demo.streamlock.net/vod/mp4:BigBuckBunny_115k.mov"></webrtc-streamer>
</body>
</html>

总结

主要还是对 webrtc 的熟悉，你可以在 https://webrtc.org/getting-started/overview 找到相关指南。
比如什么是 TURN server，什么是peer connections 都可以在上面的指南中找到。

原文 基于 WebRTC 的 RTSP 视频实时预览 - 简书

​