工作当中,在内网环境下用MinDoc搭建了一个文档管理系统,方便分享一些文档内容,涉及到一些教程类的内容,视频则很方便,因为内部使用,放到外部保存视频则不方便,本文就是MinDoc插入视频音频文件教程,希望帮助到在写文档中要插入视频或音频文件的朋友。
什么是MinDoc?
MinDoc 是一款针对IT团队开发的简单好用的文档管理系统。
MinDoc 的前身是 SmartWiki 文档系统。SmartWiki 是基于 PHP 框架 laravel 开发的一款文档管理系统。因 PHP 的部署对普通用户来说太复杂,所以改用 Golang 开发。可以方便用户部署和实用。
开发缘起是公司IT部门需要一款简单实用的项目接口文档管理和分享的系统。其功能和界面源于 kancloud 。
可以用来储存日常接口文档,数据库字典,手册说明等文档。内置项目管理,用户管理,权限管理等功能,能够满足大部分中小团队的文档管理需求。
https://github.com/mindoc-org/mindoc
MinDoc插入视频音频文件
事实上在使用MinDoc写文档的过程中,直接通过上传附件的形式上传一个视频文件,你没有办法播放,只能下载。基于此也在MinDoc群里面问过,但似乎没有人弄过,好在这些天有群友也在整这块内容。因此直接将他分享的内容放置在这里了。
上传视频并获取地址
在mindoc目录的uploads中新建一个video文件夹把相关视频复制进去。
以大图标方式查看,如果该文件无法显示片头图片,则格式编码兼容性有问题,很大可能无法在线播放,需进行转码处理。
视频绝对网址为 https://jhrs.com/uploads/video/文件名这里的 https://jhrs.com 域名可省略,省略后的视频相对网址为:/uploads/video/ 文件名。
插入视频
插入视频方式常见的有两种,一种是通过 iframe 方式,另外一种就是使用 video 标签。
iframe方式
<iframe width="600px" height="400px" src=""/uploads/video/ZT400系列更换打印头.mp4" > </iframe>
这里的” “号如果偷懒也可以省略,不影响实际显示。下面是不带引号版本。
<iframe width=600px height=400px src=/uploads/video/ZT400系列更换打印头.mp4 > </iframe>
video方式
<video width="600px" height="400px" controls> <source src="/uploads/video/ZT400系列更换打印头.mp4 " type="video/mp4"> </video>
同样,也可以省略成这样:
<video width=600 height=400 controls> <source src=/uploads/video/ZT400系列更换打印头.mp4> </video>
注:生产环境为稳定起见最好别省略
插入其它资源
插入gif动图
<iframe width="500px" height="270px"scrolling="no" src="/uploads/video/test.gif"> </iframe>
插入音频文件
<video width="80%" height="80px" controls> <source src="/uploads/video/su.mp3 " > </video>
样式如下:
插入外链视频(来自网络)
b站,视频下方点分享然后复制嵌入代码
插入pdf
作为一个知识库,势必有大批PDF格式的厂家说明书,总不能全部上传为附件,然后在网页上下载
下来本地看吧?在线看是必然的需求。在uploads下新建一个book文件夹,把pdf文件放进去。
iframe方式插入
<iframe width="1000" height="1200" id="iframepdf" src="/uploads/book/zm600快速安装.pdf"> </iframe>
显示效果如下:
object方式插入
<object width="1000" height="1200" data="/uploads/book/zm600快速安装.pdf" type="application/pdf"> <div>No online PDF viewer installed</div> </object>
显示效果如下:
注:以上两种方式都需要chrome或edge浏览器。IE如果未装PDF的插件是无法在线看PDF的。
iframe的其它应用
由于iframe本质是插入一个外部网页的子窗口,所以你还可以…
插入天气预报
到天气预报的插件网站选一个款式。
插入doc
其实用途不大,原理是使用微软的office官网api读取网站上的doc文件然后在线显示出来,故此内
网无法使用,因为微软无法读取内网里的doc,如果实在是有DOC要在线看,建议还是转成PDF后插
入。
代码:src后替换为要访问的doc绝对网址
<iframe src='https://view.officeapps.live.com/op/embed.aspx? src=https://pymo.github.io/PYMO教程.doc' width='100%' height='565px' frameborder='0'> </iframe>
效果如下:
备注
新版MinDoc的配置文件conf\app.conf默认是禁止iframe的,需将false改为true,否则插入iframe代码无效。
默认:enable_iframe = "${MINDOC_ENABLE_IFRAME||false}" 改为:enable_iframe = "${MINDOC_ENABLE_IFRAME||true}"
无论是iframe或video插入的资源都可通过width和height调整长宽。
width=”600px” height=”400px” 宽600像素,高400像素,这里的px可省略
width=”80%” height=”20%” 宽为页面的80%,高为页面的20%
写在最后
以上的内容来自于群友的分享,同时也将pdf版本的放到最后,你可以下载pdf版来查看。
下载mindoc插入视频音频文件教程
mindoc插入视频音频文件教程 (下载1239 )